Suche

[pyr0]

Salü an alle und einen super Sonntag,

so hab ein normale Theme gewählt und wollte das anbei liegen dropdowntab als menü einbauen,
ja das einbauen war nicht das problem in dem Sinne sondern das es nicht zu dem gewünschten Ergebnis kam 

Hab also die CCS Sachen in die style.css mit rein kopiert < - kein problem
nur wird da irgendwie was mit javascript gemacht und das bekomme ich nicht hin 

hier mal der Code welchen ich dann in mein Theme einfügen will

Code Auswählen Erweitern



<script type="text/javascript" src="dropdowntabfiles/dropdowntabs.js">

/***********************************************
* Drop Down Tabs Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>



<div id="bluemenu" class="bluetabs">
<ul>
<li><a href="http://www.dynamicdrive.com">Home</a></li>
<li><a href="http://www.dynamicdrive.com/style/" rel="dropmenu1_b"><img src="../test/img/user.png" width="32" height="32" border="0" />CSS</a></li>
<li><a href="http://www.dynamicdrive.com/resources/" rel="dropmenu2_b">Partners</a></li>
<li><a href="http://tools.dynamicdrive.com">Tools</a></li>
</ul>
</div>



<!--1st drop down menu -->                                                   
<div id="dropmenu1_b" class="dropmenudiv_b">
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C1/">Horizontal CSS Menus</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C2/">Vertical CSS Menus</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C4/">Image CSS</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C6/">Form CSS</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C5/">DIVs and containers</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C7/">Links and Buttons</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C8/">Other</a>
</div>


<!--2nd drop down menu -->                                               
<div id="dropmenu2_b" class="dropmenudiv_b" style="width: 150px;">
<a href="http://www.cssdrive.com">CSS Drive</a>
<a href="http://www.javascriptkit.com">JavaScript Kit</a>
<a href="http://www.codingforums.com">Coding Forums</a>
<a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a>
</div>

<script type="text/javascript">
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
tabdropdown.init("bluemenu")
</script>



egal wie ich versuch das javascript einzubinden, ich bekomm es nicht hin. Das fertige Menü funktioniert nicht sondern es wird
alles untereinander an gezeigt


Bitte Bitte könnt Ihr mir helfen

[comedi]

Hallo pyry0, 

lege dir mal im Themeordner einen Ordner z.B. "scripte" an. Packe dort das javascript rein, und gebe in der includes/my_header.php am Ende den Verweis ein.

Code Auswählen Erweitern

echo '<script language="JavaScript" src="themes/DEIN THEME/scripte/dropdowntabs.js" type="text/javascript"></script>';

Wobei ich auch die bluetabs.css nur in den style Ordner legen würde und einen Verweis in style.css schreiben würde.

Den oberen Teil der Javascriptanweisung brauchst du dann normalweise nicht mehr.

[pyr0]

Danke für die Hilfe, nur leider geht es so nicht

anbei mal 2 Bilder, dass erste ist das was dabei raus kommt
und das zewite so wie es aussehen sollte 

Schade


Ja es liegt aber auch nicht daran das das Bild nicht gefunden wird :-)

[reddragon]

also ein Link wäre Hilfreich, um zu sehen, was da genau passiert....

Allerdings beunruhigt mich das Bild 2:

{Block_Title} und {Block_Content} in in meinen Augen Anzeichen dafür, dass du dort Blöcke einbinden willst.

Was soll als Ergebnis denn heraus kommen? Dass du bei jedem Tab einen anderen Block aufrufst?  In dem Fall würde ich zu mx-tabs raten

[Franky]

Moin,

ach wieder der Mensch, der nie Projekte fertig macht ;-)

Kopier mal die 2 javascripte entweder in die myheader.php an die entsprechende Stelle oder in die Theme.html (More-Header).

Rein zum testen kannst dus auch mal in den Admin-Einstellungen in den Fußzeilenbereich (einen leeren) reinkopieren.

Obwohl... wenn er alles untereinander schreibt, könnte es auch daran liegen, dass die CSS-Anweisungen nicht ausgeführt werden.
Nimm mal die CSS und schieb sie mit in den obigen Ordner. Und dann das:

Code Auswählen Erweitern

<link rel="stylesheet" type="text/css" href="dropdowntabfiles/bluetabs.css" /> noch in die Myheader.php oder theme.html.

Sollte eigentlich gehen....

ciao....

[Franky]

noch ne Anmerkung zu deinem Menü. Bei ausgeschaltetem Javascript funktioniert das nicht.

Da würd ich mir ein anderes aussuchen.

Oder den Menümanager von Pragma nehmen. Der funktioniert wenigstens auch ohne javascript.

Viel schön ist nicht immer viel praktisch 

ciao...

[pyr0]

ja ich laß es ja   

Und das mit dem Block oben war schon richtig, denn das menü war oben drüber das sah nur so komisch aus

Danke an alle

[Franky]

heyhey... nicht gleich wieder Kopf einziehen :-) Ich hau dich doch nicht Andreas..... 

Schau dir mal das Navi-Menü auf www.i-sft.de an.

Das lässt sich gut integrieren und wenn man javascript ausgeschaltet hat, zieht die Nosciptversion auf der linken Seite. Sieht dann zwar nicht mehr so schön aus aber es geht wenigstens, auch in alten Browsern.

Falls dir sowas vorschwebt, schau mal bei http://www.sothink.com/ vorbei.

ciao....

[comedi]

Hoi, 

bin zwar jetzt zu spät, aber so wie oben beschrieben funzt das schon. Du musst das nur im Theme richtig einbinden.

was Franky sagt stimmt.

Aber trotzdem noch mal komplett:

in deinem Themeordner den Orner scripte anlegen =>dropdowntabs.js einfügen => im Ordner style deines Themes  bluetabs.css einfügen => style.css öffnen und @import url(bluetabs.css); einfügen => in der theme.html nur diesen Codeteil einfügen:

Code Auswählen Erweitern

<div id="bluemenu" class="bluetabs">
<ul>
<li><a href="http://www.dynamicdrive.com">Home</a></li>
<li><a href="http://www.dynamicdrive.com/style/" rel="dropmenu1_b"><img src="../test/img/user.png" width="32" height="32" border="0" />CSS</a></li>
<li><a href="http://www.dynamicdrive.com/resources/" rel="dropmenu2_b">Partners</a></li>
<li><a href="http://tools.dynamicdrive.com">Tools</a></li>
</ul>
</div>



<!--1st drop down menu -->                                                   
<div id="dropmenu1_b" class="dropmenudiv_b">
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C1/">Horizontal CSS Menus</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C2/">Vertical CSS Menus</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C4/">Image CSS</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C6/">Form CSS</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C5/">DIVs and containers</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C7/">Links and Buttons</a>
<a href="http://www.dynamicdrive.com/style/csslibrary/category/C8/">Other</a>
</div>


<!--2nd drop down menu -->                                               
<div id="dropmenu2_b" class="dropmenudiv_b" style="width: 150px;">
<a href="http://www.cssdrive.com">CSS Drive</a>
<a href="http://www.javascriptkit.com">JavaScript Kit</a>
<a href="http://www.codingforums.com">Coding Forums</a>
<a href="http://www.javascriptkit.com/jsref/">JavaScript Reference</a>
</div>

<script type="text/javascript">
//SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
tabdropdown.init("bluemenu")
</script>

=> nun die icludes/my_header.php öffnen und dort am Ende folgendes einfügen (Pfad anpassen)

Code Auswählen Erweitern

echo '<script language="JavaScript" src="themes/DEIN THEME/scripte/dropdowntabs.js" type="text/javascript"></script>';

[Franky]

Hi Michael,

ich widersprech dir ja wirklich nur ungerne.... aber Javascripte gehören (wenn schon) dann in den Javascriptordner von Pragma. Sonst verlierste irgendwann den Überblick.

ciao ..... 

Edit: oder zumindest in den selbst angelegten Ordner "JS" im Root

[comedi]

Hi Franky,

mit dem angelegten Ordner im Root, ok.

Ich habe es mir eben so angewöhnt alles was direkt mit dem Theme zu tun hat, immer dort in einen neu angelegten Ordner zu packen, damit ich eben nicht den Überblick verliere. Wenn ich dann das gleiche Theme eben noch mal vielleicht mit anderen Graphiken verwende, dann ist es komplett.

Alles andere mache ich auch so, wie du bei EDIT beschrieben hast.

Nur beim den Themes mache ich das so. Aber wie gesagt grundsätzlich hast du recht. Ich mache das eben aus besagten Grund, bei mir so.

Schönen Sonntag noch Franky 

[reddragon]

Also, ich habe Diesen Tabcontent mal als Erweiterung in das SMF eingebaut.

Wenn ich dem die CSS und die JS klaue, dann sieht das genauso aus, wie bei dir. Es werden alle drei Tabs untereinander dargestellt, und alle Drei Inhalte auf einmal.

Würde nur die CSS fehlen, würde die JS richtig arbeiten, und mit den Drei Links oben lässt sich der Inhalt wechseln. Fehlt nur die JS, sieht alles super aus, aber es werden keine Inhalte dargestellt.

Folglich gehe ich davon aus, dass weder deine CSS noch dein JS richtig geladen wird.

Aus diesem Grund setze nochmal die oben genannten Vorschläge um: CSS in die anderen CSS includen, in die more Header.php, und was sonst noch so genannt wurde.

Sollte das nicht klappen, wirst du nicht drumherum kommen, einen Link zu deiner Seite zu posten.  Wenn du deine richtige Domain nicht nennen willst, es gibt auch gratis-freehoster (z.B. funpic) Da kannst du dann eben das CMS drauf ballern, theme rein, und den Link nennen. 


Aber nun nochmal zu meiner ersten Frage; was hast du konkret vor?

{Block_Title} und {Block_Content} in in meinen Augen Anzeichen dafür, dass du dort Blöcke einbinden willst. Für diesem Fall gäbe es eine bessere Methode....