Demo

Probiere ClanSphere aus und teste daran herum. Demo


Antworten: 17
Seite [1]
_Locke_


Going for pro





Beiträge: 537
# Thema - 14.03.2012 um 16:28 Uhr
So mal wieder ich mit einer Frage.

Folgende Sachlage:

Das Template zieht ja seine CSS Werte aus der Clansphere.css, layout.css und content.css.

Für die index.htm will ich gerne noch eine seperate css nutzen. Nach meinen Verständnis könnte ich jetze die relevanten Werte an der entsprechenden Stelle der layout.css kopieren.
Allerdings wäre es ja für mich einfacher, wenn ich hier die Import Funktion nutzen könnte. Die zu importierten css würde dann im Template in einen Unterordner liegen. Also /stylesheet/style.css.

Der Header der layout.css wäre demnach so

<head>
<meta http-equiv="Content-Type" content="text/html; charset={func:charset}" />
<title>{func:title}</title>
{clansphere:navmeta}
<link href="layout.css" rel="stylesheet" type="text/css" />
<link href="clansphere.css" rel="stylesheet" type="text/css" />
<link rel="alternate" type="application/rss+xml" href="uploads/rss/news.xml" />
<link rel="icon" href="/favicon.png" type="image/png" />
</head>

Kann ich dann hier einfach die Importfunktion nutzen analog untenstehend oder ist da eher abzuraten ?

<style>
@import "allgemein.css";
@import url("erweitert.css");
@import url("druck.css") print, embossed;
@import url("pocketcomputer.css") handheld;
@import url("normal.css") screen;
</style>


und noch eine zweite spezielle Frage. Es kann ja vorkommen, dass die Überschrift H1 beispielsweise zweimal definiert wurde. EInmal in der layout.css und in der allgemein.css. Welche Formatierung wird den dann übernommen ?

Wäre dankbar für eine Einschätzung.


Zuletzt editiert von _Locke_ am 14.03.2012 um 16:29 Uhr (1x Editiert)
Inaktiv
Fr33z3m4n ClanSphere Team


Medal of Honor




Herkunft: Hamm
Beiträge: 11094
# Antwort: 1 - 14.03.2012 um 16:34 Uhr
Klar kannst du Import nutzen, du kannst aber auch einfach deine css Datei genau wie die layout und clansphere.css einbinden.

und noch eine zweite spezielle Frage. Es kann ja vorkommen, dass die Überschrift H1 beispielsweise zweimal definiert wurde. EInmal in der layout.css und in der allgemein.css. Welche Formatierung wird den dann übernommen ?

Immer die zuletzt geladene version wird genommen, wobei nur bestehende Werte überschrieben und neue hinzugefügt werden

Beispiel:
layout.css
h1 {
color:black;
font-weight:bold;
}


clansphere.css
h1 {
color:white;
font-size:15pt;
}


h1 ist nun weiß, dick und hat die größe 15.
Farbe (überschrieben) sowie größe wurde in de clansphere.css definiert. Dick in der layout.css


------------------
mfg
Patrick "Fr33z3m4n" Jaskulski

Antoine de Saint-Exupéry: Wenn Du ein Schiff bauen willst, so trommle nicht Männer zusammen, um Holz zu beschaffen, Aufgaben zu verteilen, sondern lehre die Männer die Sehnsucht nach dem endlosen weiten Meer.

Zuletzt editiert von Fr33z3m4n ClanSphere Team am 14.03.2012 um 16:35 Uhr (1x Editiert)
Inaktiv
|
_Locke_
Thread-Ersteller


Going for pro





Beiträge: 537
# Antwort: 2 - 14.03.2012 um 17:38 Uhr
Danke für die Erklärung.

Hab ich das dann richtig verstanden wenn ich jetze den header der index.htm so anpassen. lädt er die style.css per importfunktion(blau) oder direkt (lila) und die clansphere.css mit der jQuery Library ?

<head>
<meta http-equiv="content-type" content="text/html;charset={func:charset}"/>
<link rel="shortcut icon" href="images/favicon.ico" />
<title>{func:title}</title>
{clansphere:navmeta}


<style type="text/css">
@import url(stylesheets/light/styles.css); /*link to the main CSS file */
</style>


oder
<link href="styles.css" rel="stylesheet" type="text/css" />


<link href="clansphere.css" rel="stylesheet" type="text/css" />
<!-- Initialise jQuery Library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></scri pt>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js">< /script>
<script type="text/javascript" src="js/cufon/cufon-yui.js"></script>
</head>



Zuletzt editiert von _Locke_ am 14.03.2012 um 17:40 Uhr (1x Editiert)
Inaktiv
|
Fr33z3m4n ClanSphere Team


Medal of Honor




Herkunft: Hamm
Beiträge: 11094
# Antwort: 3 - 14.03.2012 um 18:39 Uhr
Hmmm, nee
die clansphere.css lädt er dann genauso wie die styles.css. Hat also nichts mit jquery zu tun.
Das was du damit beeinflussen kannst, ist die Reihenfolge, welche CSS Dateien er zuerst lädt und als letztes. das gleiche für die JS Dateien.


------------------
mfg
Patrick "Fr33z3m4n" Jaskulski

Antoine de Saint-Exupéry: Wenn Du ein Schiff bauen willst, so trommle nicht Männer zusammen, um Holz zu beschaffen, Aufgaben zu verteilen, sondern lehre die Männer die Sehnsucht nach dem endlosen weiten Meer.

Inaktiv
|
_Locke_
Thread-Ersteller


Going for pro





Beiträge: 537
# Antwort: 4 - 15.03.2012 um 12:27 Uhr
Mensch jetzt musste ich erstmal meinen Eintrag suchen. Würde wohl in die richtige Abteilung verschoben.
Also ich habe jetzt die lyout.css durch die style.css ersetzt. Die clansphere.css wird noch normal geladen. Beide css funktionieren in der Darstellung.

Es scheint aber irgendwie kein JS geladen zu werden, da die Menüslider nicht angezeigt werden. Der Header ist jetzt so der index.htm

<head>
<meta http-equiv="Content-Type" content="text/html; charset={func:charset}" />
<title>{func:title}</title>
{clansphere:navmeta}
<link href="stylesheets/light/styles.css" rel="stylesheet" type="text/css" />
<link href="clansphere.css" rel="stylesheet" type="text/css" />

<!-- Initialise jQuery Library -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></scri pt>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js">< /script>
<script type="text/javascript" src="js/cufon/cufon-yui.js"></script>
</head>



Die JS Dateien liegen im Template unter einen eigenständigen Ordner js. Muss ich hier noch irgendetwas machen damit diese auch ausgeführt werden ? Muss sagen, dass sich hier reinlesen nicht so einfach ist wie mit den html und css sachen. Bin da ja völliger Noob.

Schonmal Danke für die Hilfe.


Zuletzt editiert von _Locke_ am 15.03.2012 um 12:29 Uhr (1x Editiert)
Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
# Antwort: 5 - 15.03.2012 um 12:30 Uhr
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></scri pt>
durch {func:javascript} ersetzen, wäre schonmal ein sinnvoller anfang

Am besten mal einen link zu der seite geben, dann kann man leichter gucken wo der fehler liegt.


Inaktiv
|
_Locke_
Thread-Ersteller


Going for pro





Beiträge: 537
# Antwort: 6 - 15.03.2012 um 12:52 Uhr
danke probiers gleich mal. Wo genau muss dne das {func:javascript} hin oder steht das eigenständig im Header ?

der link ist bsv-dresden-fussball.de

ich wechsel aber immer mal wieder das template. Final ist das Template von dress und das will ich noch ergänzen durch ein separates html css template. Quasi mix. Daher wechsel ich imerm das Template wenn ich selber dran arbeite.


Edit: Ich lese mich gerade in die Ajax Funktion ein beim wiki. Muss ich demnach da die js Datein integrieren ?


Zuletzt editiert von _Locke_ am 15.03.2012 um 13:06 Uhr (2x Editiert)
Inaktiv
|
Fr33z3m4n ClanSphere Team


Medal of Honor




Herkunft: Hamm
Beiträge: 11094
# Antwort: 7 - 15.03.2012 um 13:31 Uhr
{func:javascript}
setzt für dich die JS Dateien ein.
Diesen Platzhalter irgendwo im Head platzieren, einzelne Zeile ohn irgendwas drum herum.

Dann brauchst du deine eigene implemntierung der js dateien nicht mehr vornehmen.


------------------
mfg
Patrick "Fr33z3m4n" Jaskulski

Antoine de Saint-Exupéry: Wenn Du ein Schiff bauen willst, so trommle nicht Männer zusammen, um Holz zu beschaffen, Aufgaben zu verteilen, sondern lehre die Männer die Sehnsucht nach dem endlosen weiten Meer.

Inaktiv
|
_Locke_
Thread-Ersteller


Going for pro





Beiträge: 537
# Antwort: 8 - 15.03.2012 um 14:00 Uhr
Ich habe die {func:javascript} jetzt in den Header reingeschrieben. Allerdings funktioniert es weiterhin nicht. Meine index.htm sieht jetzt so aus. Habe mal noch den Anfang bis zum ersten Menüpunkt im Body mit kopiert

 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
1. / 2. / ... 
 <!DOCTYPE html>
<
html>
<
head>
    <
meta http-equiv="Content-Type" content="text/html; charset={func:charset}" />
    <
title>{func:title}</title>
    {
clansphere:navmeta}
    <
link href="stylesheets/light/styles.css" rel="stylesheet" type="text/css" />
    <
link href="clansphere.css" rel="stylesheet" type="text/css" />
      <
script type="text/javascript"  
                         
{func:javascript}
</
head>
<
body id="sp">
<!-- 
Start Main Nav -->
<
div class="mainnav_full">
    <
div id="MainNav">
        <
a href="index.html" class="logo"><img src="images/logo.png" width="180" height="50" alt="" /></a>
        <
div id="menu">
            <
ul class="ddsmoothmenu">
                <
li><span class="menuslide"></span><a href="#" title="Home">Home<span class="menu_description">Startseite</span></a>
                    <
ul>
                        <
li><a href="{url:news_recent}">Startseite</a></li>
                        <
li><a href="{url:articles}">Artikel</a></li>
                        <
li><a href="{url:news}">News-Archiv</a></li>
                    </
ul>
                </
li>


Zuletzt editiert von _Locke_ am 15.03.2012 um 14:00 Uhr (1x Editiert)
Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
# Antwort: 9 - 15.03.2012 um 14:07 Uhr
<script type="text/javascript" <-- das muss raus
jquery_yui und cufon müssen wieder rein aber unter {script:javascript}

Die beiden auch darunter und ganz unten löschen:
<script type="text/javascript" src="/templates/design/js/Includer.js"></script>
<script type="text/javascript">Cufon.now();</script>

Was hast du denn nun schon alles geändert? ging das ganze javascript denn vorher?


Inaktiv
|
_Locke_
Thread-Ersteller


Going for pro





Beiträge: 537
# Antwort: 10 - 15.03.2012 um 14:52 Uhr
Ja es ging auch solange ich das Template seperate ausführe und nicht direkt als Template aktiviert habe. Also wenn ich das Template unter /Template/index.htm ausführe und ein anderes Template aktiviert ist, gehen die Slider. Sobald ich es als Template aktiviere greift er nur noc hauf die css dateien aber die js dateien im eigenen Ordner im Templateverzeichnis werden wohl nicht gefunden.

Das stand ursprünglich da

 
1.
2.
3.
4.
5.
6.
1. / 2. / ... 
 
<!-- Initialise jQuery Library -->
    <
script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js"></script>
    <
script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <
script type="text/javascript" src="js/cufon/cufon-yui.js"></script>


Zuletzt editiert von _Locke_ am 15.03.2012 um 15:24 Uhr (4x Editiert)
Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
# Antwort: 11 - 15.03.2012 um 15:13 Uhr
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js">< /script>

muss drin bleiben, das brauchst du.


Inaktiv
|
_Locke_
Thread-Ersteller


Going for pro





Beiträge: 537
# Antwort: 12 - 15.03.2012 um 15:23 Uhr
Das steht jetzt da mit der letzten Änderung, die du mir eben gesagt hast. Leider kommt der Slider immer noch nicht vom Menü. Nu die Formatierungen aus der style.css sind vorhanden.

 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
1. / 2. / ... 
 <head>
    <
meta http-equiv="Content-Type" content="text/html; charset={func:charset}" />
    <
title>{func:title}</title>
    {
clansphere:navmeta}
    <
link href="stylesheets/light/styles.css" rel="stylesheet" type="text/css" />
    <
link href="clansphere.css" rel="stylesheet" type="text/css" />
      {
func:javascript}
                         <
script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js">< /script>
                          <
script type="text/javascript" src="js/cufon/cufon-yui.js"></script>

</
head>


Wobei das momentan für mich wirklich Böhmische Dörfer sind - was da was da aussagt. Ich muss mich da nochmal schnell reinlesen


Zuletzt editiert von _Locke_ am 15.03.2012 um 15:25 Uhr (1x Editiert)
Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
# Antwort: 13 - 15.03.2012 um 15:25 Uhr
da ist nen leerzeichen im </script> vom jquery-ui zuviel, deswegen wird die nicht geladen.

dann bitte die beiden jscript verlinkungen von ende auch dahinter schreiben.


Inaktiv
|
_Locke_
Thread-Ersteller


Going for pro





Beiträge: 537
# Antwort: 14 - 15.03.2012 um 15:35 Uhr
so Leerzeichen ist raus. Was meinst du genau mit den Verlinkungen von Ende auch dahinter schreiben ?

Sieht jetzt so aus. Also lediglich das leerzeichen entfernt. Funzt leider trotzdem noch nicht. Würde es sinn machen wenn ich die jquery-ui.min.js downloade unte ebenfalls in das Verzeichnis js/ setze und verlinke ?

 
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
1. / 2. / ... 
 <head>
    <
meta http-equiv="Content-Type" content="text/html; charset={func:charset}" />
    <
title>{func:title}</title>
    {
clansphere:navmeta}
    <
link href="stylesheets/light/styles.css" rel="stylesheet" type="text/css"/>
    <
link href="clansphere.css" rel="stylesheet" type="text/css"/>
      {
func:javascript}
                  <
script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
                  <
script type="text/javascript" src="js/cufon/cufon-yui.js"></script>

</
head>


Zuletzt editiert von _Locke_ am 15.03.2012 um 15:57 Uhr (5x Editiert)
Inaktiv
|
sgraewe ClanSphere Team

Supporter
Supporter




Beiträge: 6116
# Antwort: 15 - 15.03.2012 um 16:02 Uhr
du hast am ende deiner index noch 2 jscripts
<script type="text/javascript" src="/templates/design/js/Includer.js"></script>
<script type="text/javascript">Cufon.now();</script>

pack die mal mit nach oben rein


Ok, ist egal, laut console fehlen dir einfach jede menge javascript datein, z.b. easing, ddossmothmenu etc.


Zuletzt editiert von equaL ClanSphere Team am 15.03.2012 um 16:03 Uhr (1x Editiert)
Inaktiv
|
_Locke_
Thread-Ersteller


Going for pro





Beiträge: 537
# Antwort: 16 - 15.03.2012 um 16:16 Uhr
Na die sind alle im Ordner js abgelegt. Muss ich die alle in den Header laden ?

Edit: Das muss einem doch mal gesagt werden. Ich Depp hab die verkehrte js-Datei eingebunden. Jetzt gibs nur noch ein Stack overflow at line 2

Funktioniert jetzt.

Sollte mal einer der Glücklichen, die mir immer helfen mal in Dresden auftauchen. Die erste Runde geht auf mich


Zuletzt editiert von _Locke_ am 15.03.2012 um 16:34 Uhr (3x Editiert)
Inaktiv
|
_Locke_
Thread-Ersteller


Going for pro





Beiträge: 537
# Antwort: 17 - 16.03.2012 um 20:41 Uhr
sorry verkehrter threat


Zuletzt editiert von _Locke_ am 16.03.2012 um 20:44 Uhr (1x Editiert)
Inaktiv
|
Antworten: 17
Seite [1]


Sie müssen sich registrieren, um zu antworten.