Autor |
Nachricht |
-

einetaler
|
30.09.2012 um 23:01 (UTC) Titel: [erledigt] Design Red: Navibutton |
|
|
Hallöle,
ich würde gern für ein oder zwei Seiten einen anderen Navibutton benutzen wollen.
Geht das? Und wenn ja, wie?
Danke für die Hilfe! ______________ 
Zuletzt bearbeitet von einetaler am 08.10.2012, 09:15, insgesamt einmal bearbeitet
|
|
↑
|
|
 |
|
01.10.2012 um 00:28 (UTC) Titel: |
|
|
|
|
↑
|
|
 |
-

einetaler
|
01.10.2012 um 10:29 (UTC) Titel: |
|
|
"Morjen!"
Ich habe mir das jetzt mal angeschaut. Ich denke, dass das so nicht´s für mich ist.
Meine Absicht war es, bespielsweise aus meiner HP www.einetaler-strandsand.de.tl zwei Navibtton in meine HP www.einetaler.de.tl einzubauen.
Ich weis nicht, ob ich richtig verstanden werde.
Auf meiner HP einetaler.de.tl habe ich im Moment 3 Navibutton, bei denen ich die Schriftfarbe verändert habe. Ich möchte aber eigentlich dafür einen total anders ausehenen Button, eben die bei meiner Strandsandseite
"ICH HAB ABER AUCH WIEDER WÜNSCHE !!!!!" ______________  |
|
↑
|
|
 |
|
01.10.2012 um 11:22 (UTC) Titel: |
|
|
Hallo,
warum nicht?
Du müsstest den entsprechenden CSS-Code nur etwas anpassen:
Zitat: Die id lautet nun jeweils wie folgt:
Name der Seite, so wie er in der URL steht. WICHTIG: alles klein schreiben!
per CSS kannst du die Menüpunkte nun gestalten:
Mit zwei kleinen Änderungen beim CSS-Code sollte das funktionieren:
Zitat: #nav_seite-1 {
background-image:url(http://img.webme.com/pic/e/einetaler-strandsand/navibuttonsand1.png);
}
Dies ist die URL zum Hintergrundbild.
Den Effekt beim Überfahren mit der Maus bekommt man auch hin:
Zitat: #nav_seite-1:hover {
background-image:url(http://img.webme.com/pic/e/einetaler-strandsand/navibuttonsand2.png);
}
In dem
Gruß,
TransInt ______________ Kein Support per PN - Im Forum hilft es allen!
Life is what happens while you are busy making other plans.
- John Lennon |
|
↑
|
|
 |
-

einetaler
|
01.10.2012 um 16:39 (UTC) Titel: |
|
|
Sooooooooooo
Ich habe mich jetzt einmal hochkonzentriert an eure "Hinweise" gehalten...aber ich bekomme es nicht hin.
Vielleicht schaut ihr mal über den von mir angepassten Code und findet möglicherweise noch einen Fehler:
Übrigens: Das ist die Url der entsprechenden Seite:
http://einetaler.de.tl/%3Cspan-style%3D-g-color-d--%23B80B2E-g-%3EStrandsandsammlung%3C-s-span%3E.htm
Code: <style type="text/css">
<!--
#nav_http://einetaler.de.tl/%3cspan-style%3d-g-color-d--%23b80b2e-g-%3estrandsandsammlung%3c-s-span%3e.htm {
background-image:url(http://img.webme.com/pic/e/einetaler/navibuttonsand1.png);
}
#nav_http://einetaler.de.tl/%3cspan-style%3d-g-color-d--%23b80b2e-g-%3estrandsandsammlung%3c-s-span%3e.htm:hover {
background-image:url(http://img.webme.com/pic/e/einetaler/navibuttonsand2.png);
}
-->
</style>
Vielleicht ist der Code ja aber auch richtig und ich füge ihn einfach nicht an der richtigen Stelle ein.
Zuerst habe ich das Script:
Code: <script type="text/javascript">
var reg = /(\\/)(.+)(\\/)(.+)(\\.htm)/;
var i;
var as = document.getElementsByTagName('a');
for(i = 0; i < as.length; i++)
{
if(as[i].parentNode && as[i].parentNode.parentNode && as[i].parentNode.parentNode.parentNode && as[i].parentNode.parentNode.parentNode.parentNode && as[i].parentNode.parentNode.parentNode.parentNode.parentNode && as[i].parentNode.parentNode.parentNode.parentNode.parentNode.className.indexOf('edit_button_bg') != -1)
{
reg.exec(as[i].href);
as[i].parentNode.parentNode.parentNode.parentNode.parentNode.id = 'nav_' + RegExp.$4.toLowerCase();
}
}
</script>
bei "Text unter dem Design" eingefügt.
Danach habe ich ich den Menüpunkt bearbeitet und
1. bei "Text über dem Design" eingefügt [zuerst am Anfang und schließlich am Ende].
Da das nicht funktioniert hat habe ich
2. den Code über den Seiteneditor der entsprechenden Seite "Strandsandsammlung" über den Quellcode eingefügt. [Übrigens auch am Anfang und am Ende]
Das hat aber auch nicht geklappt. Ich bin jetzt Ratlos und kann nicht mehr denken.
 ______________ 
Zuletzt bearbeitet von einetaler am 01.10.2012, 18:46, insgesamt einmal bearbeitet
|
|
↑
|
|
 |
-

einetaler
|
05.10.2012 um 09:38 (UTC) Titel: |
|
|
Es wäre nett, wenn jemand Zeit für meine Anfrage übrig hätte!
Gruß an alle, die nicht gerade damit beschäftigt sind, sich über den Hpbk zu erregen ______________  |
|
↑
|
|
 |
|
05.10.2012 um 14:51 (UTC) Titel: |
|
|
Hallo,
lösche mal das rot markierte und probiere es erneut.
einetaler hat Folgendes geschrieben: <style type="text/css">
<!--
#nav_http://einetaler.de.tl/%3cspan-style%3d-g-color-d--%23b80b2e-g-%3estrandsandsammlung%3c-s-span%3e.htm {
background-image:url(http://img.webme.com/pic/e/einetaler/navibuttonsand1.png);
}
#nav_http://einetaler.de.tl/%3cspan-style%3d-g-color-d--%23b80b2e-g-%3estrandsandsammlung%3c-s-span%3e.htm:hover {
background-image:url(http://img.webme.com/pic/e/einetaler/navibuttonsand2.png);
}
-->
</style>
Gruß,
TransInt ______________ Kein Support per PN - Im Forum hilft es allen!
Life is what happens while you are busy making other plans.
- John Lennon |
|
↑
|
|
 |
-

einetaler
|
05.10.2012 um 17:11 (UTC) Titel: |
|
|
Hallo,
schade, schade, schade!
Das funktioniert leider auch nicht.
Geh ich recht in der Annahme, dass der Code in den entsprechenden Seiteneditor [Quellcode] eingefügt werden muss ? ______________  |
|
↑
|
|
 |
|
05.10.2012 um 19:12 (UTC) Titel: |
|
|
Hallo,
ich habe gerade gelesen, dass jemand wegen der Werbung Kopfschmerzen bekommt. Wenn ich mir deine URLs anschaue, bekomme ich Kopfschmerzen.
Die Formatierungen im Seitennamen kannst du rausnehmen und per CSS definieren. Dennoch habe ich das Javascript mal umgeschrieben, da Werte vom Typ id, lediglich Zeichen von a-z || A-Z || || 0-9 || _ || - enthalten dürfen. Andere Zeichen werden jetzt einfach entfernt. Du musst das Javascript also nochmal austauschen.
Das CSS ändert sich dann auch nochmal, dazu aber mehr, wenn du das Javascript eingefügt und die Formatierungen aus dem Seitennamen rausgenommen hast. ______________ mfg
o-4-n
"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]
*** Die Suchfunktion ist KEINE tödliche Krankheit! ***
Eventplanung, Equipment, Zeltverleih, Catering
Zuletzt bearbeitet von o-4-n am 06.10.2012, 03:00, insgesamt 2-mal bearbeitet
|
|
↑
|
|
 |
-

einetaler
|
06.10.2012 um 14:29 (UTC) Titel: |
|
|
Hallöle,
leider bin ich jetzt völlig überfordert !
Ich weis weder wie ich die "Formatierung" aus meinen Seitennamen nehmen soll, weil ich nicht weis, was davon die "Formatierung" ist, noch weis weis ich, wie ich den Seitennamen dann per CSS "definieren" kann.
Aber dein neues Javascript habe ich schon mal gefunden und eingefügt.
der Jörg ______________  |
|
↑
|
|
 |
|
06.10.2012 um 22:33 (UTC) Titel: |
|
|
Ich nehme als Beispiel mal deine Seite strandsandsammlung. Im Editor:
http://www.homepage-baukasten.de/editpage.php
Steht als Name der Seite folgendes:
Zitat: <span style="color:#B80B2E;"><span style="color: #B80B2E">Strandsandsammlung</span></span>
Das rote kannst du löschen, das werden wir im nächsten Schritt per CSS formatieren. Es soll wirklich nur der Name der Seite dort stehen.
Das ganze machst du bei den anderen Seiten ebenfalls.
Das Javascript hast du schon mal an der richtigen Stelle eingefügt, allerdings hast du dabei versehentlich etwas gelöscht:
Zitat: <noscript><div><img src="http://fc.webmasterpro.de/as_noscript.php?name=einetaler" style="width:1px;height:1px;" alt="" /></div></noscript>
Das rote bitte wieder einfügen ______________ mfg
o-4-n
"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]
*** Die Suchfunktion ist KEINE tödliche Krankheit! ***
Eventplanung, Equipment, Zeltverleih, Catering |
|
↑
|
|
 |
-

einetaler
|
07.10.2012 um 17:34 (UTC) Titel: |
|
|
Ach die "Formatierung" !!!
Ich bin aber auch wieder a De.....
Habe meine Hausaufgaben erledigt und die entsprechenden Anweisungen befolgt.
Und wie gehts weiter? Bin schon sehr gespannt! ______________ 
Zuletzt bearbeitet von einetaler am 07.10.2012, 18:39, insgesamt einmal bearbeitet
|
|
↑
|
|
 |
|
07.10.2012 um 21:34 (UTC) Titel: |
|
|
Meine Kopfschmerzen sind weg.
Zumindest bei Strandsammlung, bei ein paar anderen Seiten sind sie noch da.
Also, jeder deiner Navieinträge hat jetzt eine ID in der Form:
Seitenname ist der von dir vergebene Name der Seite, wie er in der URL steht. Wieder das Beispiel Strandsammlung:
Wie du siehst klein geschrieben.
Sonderzeichen werden wie bereits erwähnt entfernt. Dazu ein Beispiel:
Das CSS von oben musst du demzufolge abändern:
Zitat: #nav_http://einetaler.de.tl/%3cspan-style%3d-g-color-d--%23b80b2e-g-%3estrandsandsammlung%3c-s-span%3e.htm {
background-image:url(http://img.webme.com/pic/e/einetaler/navibuttonsand1.png);
}
#nav_http://einetaler.de.tl/%3cspan-style%3d-g-color-d--%23b80b2e-g-%3estrandsandsammlung%3c-s-span%3e.htm:hover {
background-image:url(http://img.webme.com/pic/e/einetaler/navibuttonsand2.png);
}
löschen______________ mfg
o-4-n
"If you’re incompetent, you can’t know you’re incompetent." - [David Dunning]
*** Die Suchfunktion ist KEINE tödliche Krankheit! ***
Eventplanung, Equipment, Zeltverleih, Catering
Zuletzt bearbeitet von o-4-n am 08.10.2012, 01:25, insgesamt einmal bearbeitet
|
|
↑
|
|
 |
-

einetaler
|
08.10.2012 um 08:06 (UTC) Titel: |
|
|
Hallöle und Juten Tach,
jetzt haben wir es geschafft !!!
Ich bedanke mich recht herzlich für eure Hilfe! So macht der Baukasten spaß!
...sicherlich ist das alles optisch noch nicht so optimal...aber ich bin am arbeiten
PS.:
"Kopfscherzen" ? Das tut mir leid  ______________ 
Zuletzt bearbeitet von einetaler am 10.10.2012, 11:59, insgesamt einmal bearbeitet
|
|
↑
|
|
 |
|