Navigation ins Forum integrieren...

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Lydia

Navigation ins Forum integrieren...

Beitrag von Lydia »

Halli Hallo,

ich habe im Forum gesehen wie man einen Link in die Datei overall_hader.html einfügt.
Doch ich habe eine Navigation mit onmouseove-Bilder.
Siehe Quelltex unter: www.huehner-info.ch

Forum ohne Navi: www.huehner-info.ch/phpBB/index.php


Wie kann ich diese Navigation Einfügen?
Vielen Dank für die Hilfe

Gruss
Lydia
Zuletzt geändert von Lydia am 05.10.2008 19:08, insgesamt 2-mal geändert.
Benutzeravatar
Metzle
Ehemaliges Teammitglied
Beiträge: 10435
Registriert: 08.03.2008 02:50
Wohnort: Waiblingen-Neustadt
Kontaktdaten:

Beitrag von Metzle »

Du hast zuviel Code gepostet, was das Thema unnötig in die Länge zieht und unübersichtlich macht.
Es wäre besser die Datei bzw. den Code als .txt Datei abzuspeichern und dann hier einen Link zu posten - siehe auch KB:datei .

Bitte lies Dir den phpBB.de-Knigge und den Hinweis zur Fragestellung und Rechtschreibung durch und beachte diese zukünftig.
Lydia

Beitrag von Lydia »

Halli Hallo,

8) kann wohl keiner Helfen,
trotzdem vielen Dank.

Gruss
Lydia
Helmut
Mitglied
Beiträge: 2048
Registriert: 27.12.2002 20:35
Wohnort: Augsburg

Beitrag von Helmut »

Hallo Lydia,

deine Navigation sollte sich eigentlich auch ohne größere Probleme in die overall_header.html eingügen lassen, welchen Style verwendest du eigentlich, subsilver2 ?

Gruß Helmut
Ich bin nicht ganz dicht.... na und.
Lydia

Beitrag von Lydia »

Hallo Helmut,
hey :grin: vielen Dank...

ja genau und phpBB 3,02

Gruss
Lydia
Helmut
Mitglied
Beiträge: 2048
Registriert: 27.12.2002 20:35
Wohnort: Augsburg

Beitrag von Helmut »

Hallo Lydia,

ich habe mir grad mal den Quelltext von deiner Startseite mit der Navigation angeschaut, sollte machbar sein.

Du musst vermutlich nur folgendes in die overall_header.html einbinden:

Code: Alles auswählen

<link rel="stylesheet" type="text/css" href="css/huehner-info-index.css" />
und dann die *.js, wird vermutlich der Teil sein:

Code: Alles auswählen

<script type="text/javascript">
<!--
function FP_swapImg() {//v1.0
 var doc=document,args=arguments,elm,n; doc.$imgSwaps=new Array(); for(n=2; n<args.length;
 n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.length]=elm;
 elm.$src=elm.src; elm.src=args[n+1]; } }
}

function FP_preloadImgs() {//v1.0
 var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
 for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}

function FP_getObjectByID(id,o) {//v1.0
 var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
 else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
 if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
 for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
 f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
 for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n]); if(el) return el; } }
 return null;
}
// -->
</script>

und zum Abschluss noch die Teile der Navigation selber

Code: Alles auswählen

onload="FP_preloadImgs(/*url*/'images/navi/button76.jpg',/*url*/'images/navi/button77.jpg',/*url*/'images/navi/button79.jpg',/*url*/'images/navi/button7A.jpg',/*url*/'images/navi/button7C.jpg',/*url*/'images/navi/button7D.jpg',/*url*/'images/navi/button7F.jpg',/*url*/'images/navi/button80.jpg',/*url*/'images/navi/button88.jpg',/*url*/'images/navi/button89.jpg',/*url*/'images/navi/buttonB8.jpg',/*url*/'images/navi/buttonB9.jpg',/*url*/'images/navi/buttonBE.jpg',/*url*/'images/navi/buttonBF.jpg')">
und

Code: Alles auswählen

<a href="http://www.seidenhuhn.ch/home.html">

<img style="border: 0" id="img1" src="images/navi/button75.jpg" height="20" width="100" alt="Startseite" onmouseover="FP_swapImg(1,0,/*id*/'img1',/*url*/'images/navi/button76.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img1',/*url*/'images/navi/button75.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img1',/*url*/'images/navi/button77.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img1',/*url*/'images/navi/button76.jpg')" /><!-- MSComment="ibutton" fp-style="fp-btn: Simple Circle 3; fp-font-color-normal: #003366; fp-font-color-hover: #FF6600; fp-font-color-press: #800000" fp-title="Startseite" --></a></a><a href="zucht.htm"></a><a href="http://www.huehner-info.ch/phpBB/index.php"><a href="zucht.htm"><img style="border: 0" id="img2" src="images/navi/button78.jpg" height="20" width="100" alt="Züchter" onmouseover="FP_swapImg(1,0,/*id*/'img2',/*url*/'images/navi/button79.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img2',/*url*/'images/navi/button78.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img2',/*url*/'images/navi/button7A.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img2',/*url*/'images/navi/button79.jpg')" /><!-- MSComment="ibutton" fp-style="fp-btn: Simple Circle 2; fp-font-color-normal: #003366; fp-font-color-hover: #FF6600; fp-font-color-press: #800000" fp-title="Züchter" --></a><a href="http://www.huehner-info.ch/phpBB/index.php"><img style="border: 0" id="img3" src="images/navi/button7B.jpg" height="20" width="100" alt="Forum" onmouseover="FP_swapImg(1,0,/*id*/'img3',/*url*/'images/navi/button7C.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img3',/*url*/'images/navi/button7B.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img3',/*url*/'images/navi/button7D.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img3',/*url*/'images/navi/button7C.jpg')" /><!-- MSComment="ibutton" fp-style="fp-btn: Simple Circle 1; fp-font-color-normal: #003366; fp-font-color-hover: #FF6600; fp-font-color-press: #800000" fp-title="Forum" --></a></a><a href="http://www.huehner-info.ch/phpBB/memberlist.php?mode=viewprofile&u=2"><img style="border: 0" id="img4" src="images/navi/button7E.jpg" height="20" width="100" alt="Kontakt" onmouseover="FP_swapImg(1,0,/*id*/'img4',/*url*/'images/navi/button7F.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img4',/*url*/'images/navi/button7E.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img4',/*url*/'images/navi/button80.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img4',/*url*/'images/navi/button7F.jpg')" /><!-- MSComment="ibutton" fp-style="fp-btn: Simple Circle 1; fp-font-color-normal: #003366; fp-font-color-hover: #FF6600; fp-font-color-press: #800000" fp-title="Kontakt" --></a><a href="http://www.huehner-info.ch/phpBB/search.php?sid=4934d16b0362a407440eb9647caaa162"><img style="border: 0" id="img9" src="images/navi/buttonB7.jpg" height="20" width="100" alt="Suchen" onmouseover="FP_swapImg(1,0,/*id*/'img9',/*url*/'images/navi/buttonB8.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img9',/*url*/'images/navi/buttonB7.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img9',/*url*/'images/navi/buttonB9.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img9',/*url*/'images/navi/buttonB8.jpg')" /><!-- MSComment="ibutton" fp-style="fp-btn: Simple Circle 1; fp-font-color-normal: #003366; fp-font-color-hover: #FF6600; fp-font-color-press: #800000" fp-title="Suchen" --></a><a href="http://www.huehner-info.ch/phpBB/faq.php?sid=4934d16b0362a407440eb9647caaa162"><img style="border: 0" id="img10" src="images/navi/buttonBD.jpg" height="20" width="90" alt="FAQ" onmouseover="FP_swapImg(1,0,/*id*/'img10',/*url*/'images/navi/buttonBE.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img10',/*url*/'images/navi/buttonBD.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img10',/*url*/'images/navi/buttonBF.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img10',/*url*/'images/navi/buttonBE.jpg')" /><!-- MSComment="ibutton" fp-style="fp-btn: Simple Circle 1; fp-font-color-normal: #003366; fp-font-color-hover: #FF6600; fp-font-color-press: #800000; fp-proportional: 0" fp-title="FAQ" --></a><a href="index.htm"></a><a href="http://www.vonarxwebdesign.ch/willkommen.html"><img style="border: 0" id="img6" src="images/navi/button87.jpg" height="20" width="118" alt="Webdesign" onmouseover="FP_swapImg(1,0,/*id*/'img6',/*url*/'images/navi/button88.jpg')" onmouseout="FP_swapImg(0,0,/*id*/'img6',/*url*/'images/navi/button87.jpg')" onmousedown="FP_swapImg(1,0,/*id*/'img6',/*url*/'images/navi/button89.jpg')" onmouseup="FP_swapImg(0,0,/*id*/'img6',/*url*/'images/navi/button88.jpg')" /><!-- MSComment="ibutton" fp-style="fp-btn: Simple Circle 4; fp-font-color-normal: #003366; fp-font-color-hover: #FF6600; fp-font-color-press: #800000; fp-proportional: 0" fp-title="Webdesign" --></a><tr>
Das dürften alle nötigen Teile gewesen sein. Besser ist es noch, wenn du die nötigen Dateien zum Download bereit stellst, wie Metzle schon sagte.

Gruß Helmut
Ich bin nicht ganz dicht.... na und.
Lydia

Beitrag von Lydia »

Hallo Helmut,

:grin: ich habe da den >> Quelltext

:oops: hi.. ich weis noch nicht wie man die Textdatei anzeigt.

ich werde Deine Anleitung versuchen.
Melde mich wieder und vielen Dank :grin:

Gruss
Lydia
Lydia

Beitrag von Lydia »

Hallo Helmut,

:D es ist mir gestern gelungen die Navigation zu integrieren, leider hatte ich ein Fehler, das ganze Forum wurde ziemlich vergrößert.

Ich werde in den nächsten Tagen es noch mal ausprobieren :grin:

Gruss
Lydia
Lydia

Beitrag von Lydia »

Hallo Helmut,

:( ich habe nur einen einzigen Link=> Startseite eingefügt.

Egal was ich mache die Seite wird immer total Vergrößern dargestellt.

Es betrifft nur die Hauptseite.

Ich muss um alles wieder in Ordnung zu bringen das ganze Packet wieder neu Laden.

Styles-Ordner genügt nicht, sonder muss das ganze phpBB Order Senden.

Cache geleert, Rekompilieren veralteter Style-Komponenten gemacht!????

Was ist da los ? :( :( :( :( :(

Gruss
Lydia
Lydia

Beitrag von Lydia »

Hallo,

habe noch festgestellt das dieser Fehler nur im Explorer erscheint, :roll:

Firefox und Opera O.K.

Vieleich kennt jemad dieses Problem.
Gruss
Lydia
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“