Teammitglieder online
Support-Box
Neue Beiträge seit dem letzten Besuch.
Textbausteine des MODERATIONSTOOL
AB > PFAD > GENERATOR
FORUM > PFAD > GENERATOR
Unterstützung Lösungs-Probleme
Auffällige
User
Der Runde
Tisch
HÄUFIG GESTELLTE FRAGEN
Regeln und nützliche Hinweise
Neueste Themen
» kann man noch Blogs hier erstellen?
von Joost Gestern um 18:40

» Einstellen der Profilfelder funktioniert nicht
von Skouliki Di 26 März 2024 - 12:54

» Gründer-E-Mail-Adresse ändern
von Skouliki Mo 25 März 2024 - 13:48

» PN's werden nicht mehr rot eingefärbt
von Skouliki Fr 22 März 2024 - 7:44

» Forum löschen, Probleme mit Gründeraccount
von Skouliki Do 21 März 2024 - 9:04

»  Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
von Skouliki Do 21 März 2024 - 9:03

» [phpBB3] Suchfunktion ohne Funktion
von Skouliki Mi 20 März 2024 - 8:41

» Neuer User kann sich anmelden.
von Skouliki Mi 20 März 2024 - 8:38

» Zugangsdaten vergessen/verloren
von Joost Sa 16 März 2024 - 21:07

» Schwierigkeiten mit BBCode
von Skouliki Fr 15 März 2024 - 11:51

» Entdeckt die neue Option Servimg Premium
von Joost Mi 6 März 2024 - 19:50

» Neues YAMAHA XT660-Forum
von gnadenlos Fr 1 März 2024 - 7:33

» Forum nur noch für Eingeloggte sichtbar?
von Skouliki Di 27 Feb 2024 - 7:53

» [phpBB3] Eine Frage zum Forum selbst.
von Skouliki Di 27 Feb 2024 - 7:52

» Beiträge verschwinden
von Skouliki Do 22 Feb 2024 - 7:47

» [Tutorial - alle Versionen] (De)aktiviert die Anzeige von Signaturen aus Eurem Profil
von Eto Do 15 Feb 2024 - 22:17

» Datenback-Dump?
von Skouliki Mo 12 Feb 2024 - 22:02

» Einloggen nicht mehr möglich [erbitte schnelle Rückmeldung!]
von Skouliki Mo 12 Feb 2024 - 8:15

Probleme bei Navigationsteiländerung im CSS Style Sheet

2 verfasser

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt Probleme bei Navigationsteiländerung im CSS Style Sheet

Beitrag von NobodyKnowsNina Mi 2 Jan 2013 - 17:56

Ich bin leider gerade einigermaßen überfordert beim Zurückstellen meines Forendesigns von "Weihnachten" auf "so wie es vorher war"... Man sollte ja annehmen, dass das kein Problem ist, ist es aber leider.

So sieht das Ding im Moment aus: http://www.alex-o-loughlin.net/ , also mit Navigationsleiste oben "Login", "Registrieren", usw... Das aktuelle CSS Style Sheet dazu sieht so aus:

#i_icon_mini_index{
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/home_zps8fe8ae12.png);
height:100px;
width:156px;
}
#i_icon_mini_index:hover{
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/homehover_zps9c794d13.png);
height:100px;
width:156px;
}
#i_icon_mini_new_message {
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/newmail_zpsc7bcfc50.png);
height:100px;
width:117px;
}
#i_icon_mini_message:hover {
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/mailhover_zps5fc89d9a.png);
height:100px;
width:117px;
}
#i_icon_mini_message {
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/mail_zps47a35d2e.png);
height:100px;
width:117px;
}
#i_icon_mini_members{
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/users_zpsc14a910b.png);
height:100px;
width:120px;
}
#i_icon_mini_members:hover{
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/usershover_zps01b45ed7.png);
height:100px;
width:120px;
}
#i_icon_mini_search{
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/search_zpsf1b75cad.png);
height:100px;
width:140px;
}
#i_icon_mini_search:hover{
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/searchhover_zps01bf4487.png);
height:100px;
width:140px;
}
#i_icon_mini_profile {
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/profile_zps7e7de801.png);
height:100px;
width:147px;
}
#i_icon_mini_profile:hover {
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/profilehover_zps63440954.png);
height:100px;
width:147px;
}
#i_icon_mini_login:hover {
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/loginhover_zpsa947ad01.png);
height:100px;
width:120px;
background-repeat:no-repeat;

}
#i_icon_mini_login {
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/login_zps90677e75.png);
height:100px;
width:120px;
background-repeat:no-repeat;

}
#i_icon_mini_logout {
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/logout_zpsc81480e5.png);
height:100px;
width:156px;
background-repeat:no-repeat;
}
#i_icon_mini_logout:hover {
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/logouthover_zps33ef75a8.png);
height:100px;
width:156px;
background-repeat:no-repeat;

}
#i_icon_mini_register {
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/register_zps258a9338.png);
height:100px;
width:145px;
background-repeat:no-repeat;
}
#i_icon_mini_register:hover {
background-image:url(https://2img.net/h/i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/registerhover_zpsf6951558.png);
height:100px;
width:145px;
background-repeat:no-repeat;
}
#i_icon_mini_gallery {
background-image:url(http://www.alex-o-loughlin.de/forum/gallery12.gif);
height:100px;
width:146px;
background-repeat:no-repeat;
}
#i_icon_mini_gallery:hover {
background-image:url(http://www.alex-o-loughlin.de/forum/hovergallery12.gif);
height:100px;
width:146px;

}
input#message.post{
color: #000000;
}



.bodyline {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
td.cat, td.catHead, td.catBottom, td.rowpic, .secondarytitle, .secondarytitle h2, th, .module-title, .catLeft, td.catSides {
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}

td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides {
background-color: #B2B2B0;
background-image: url("https://2img.net/i/fa/empty.gif");
border: medium solid #B3B3B1;
height: 25px;
}

.post .row1, .post .row2 {
background-color: #edecea;
}
HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/gold-ani2.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/gold-ani2.gif"), auto;}
A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/gold-ani2.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/gold-ani2.gif"), auto;}

Und üblicherweise hab ich das folgende:

#i_icon_mini_index{
background-image:url(http://www.alex-o-loughlin.de/forum/home12.gif);
height:100px;
width:156px;
}
#i_icon_mini_index:hover{
background-image:url(http://www.alex-o-loughlin.de/forum/hoverhome12.gif);
height:100px;
width:156px;
}
#i_icon_mini_new_message {
background-image:url(http://www.alex-o-loughlin.de/forum/newmail12.gif);
height:100px;
width:117px;
}
#i_icon_mini_message:hover {
background-image:url(http://www.alex-o-loughlin.de/forum/hovermail12.gif);
height:100px;
width:117px;
}
#i_icon_mini_message {
background-image:url(http://www.alex-o-loughlin.de/forum/mail12.gif);
height:100px;
width:117px;
}
#i_icon_mini_members{
background-image:url(http://www.alex-o-loughlin.de/forum/users12.gif);
height:100px;
width:120px;
}
#i_icon_mini_members:hover{
background-image:url(http://www.alex-o-loughlin.de/forum/hoverusers12.gif);
height:100px;
width:120px;
}
#i_icon_mini_search{
background-image:url(http://www.alex-o-loughlin.de/forum/search12.gif);
height:100px;
width:140px;
}
#i_icon_mini_search:hover{
background-image:url(http://www.alex-o-loughlin.de/forum/hoversearch12.gif);
height:100px;
width:140px;
}
#i_icon_mini_profile {
background-image:url(http://www.alex-o-loughlin.de/forum/profile12.gif);
height:100px;
width:147px;
}
#i_icon_mini_profile:hover {
background-image:url(http://www.alex-o-loughlin.de/forum/hoverprofile12.gif);
height:100px;
width:147px;
}
#i_icon_mini_login:hover {
background-image:url(http://www.alex-o-loughlin.de/forum/hoverlogin12.jpg);
height:100px;
width:120px;
background-repeat:no-repeat;

}
#i_icon_mini_login {
background-image:url(http://www.alex-o-loughlin.de/forum/login12.jpg);
height:100px;
width:120px;
background-repeat:no-repeat;

}
#i_icon_mini_logout {
background-image:url(http://www.alex-o-loughlin.de/forum/logout12.jpg);
height:100px;
width:156px;
background-repeat:no-repeat;
}
#i_icon_mini_logout:hover {
background-image:url(http://www.alex-o-loughlin.de/forum/hoverlogout12.jpg);
height:100px;
width:156px;
background-repeat:no-repeat;

}
#i_icon_mini_register {
background-image:url(http://www.alex-o-loughlin.de/forum/register12.gif);
height:100px;
width:145px;
background-repeat:no-repeat;
}
#i_icon_mini_register:hover {
background-image:url(http://www.alex-o-loughlin.de/forum/hoverregister12.gif);
height:100px;
width:145px;
background-repeat:no-repeat;
}
#i_icon_mini_gallery {
background-image:url(http://www.alex-o-loughlin.de/forum/gallery12.gif);
height:100px;
width:146px;
background-repeat:no-repeat;
}
#i_icon_mini_gallery:hover {
background-image:url(http://www.alex-o-loughlin.de/forum/hovergallery12.gif);
height:100px;
width:146px;

}
input#message.post{
color: #000000;
}



.bodyline {
-moz-border-radius:10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
td.cat, td.catHead, td.catBottom, td.rowpic, .secondarytitle, .secondarytitle h2, th, .module-title, .catLeft, td.catSides {
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
}

td.cat, td.catBottom, td.catHead, td.catLeft, td.catRight, td.catSides {
background-color: #B2B2B0;
background-image: url("https://2img.net/i/fa/empty.gif");
border: medium solid #B3B3B1;
height: 25px;
}

.post .row1, .post .row2 {
background-color: #edecea;
}

Ich wollte nun also das Weihnachtslayout wieder zurück ändern in die Ausgangsposition - Fehlanzeige. Wenn ich das CSS Style Sheet ändere, dann verändern sich zwar die Farben, Header-Bild usw wieder, aber die Navigationsbuttons "Login", "Registrieren" usw fehlen komplett.

Parallel dazu im Testforum (http://alexotesto.forumieren.com/) hab ich dieselbe Änderung vorgenommen, also das ursprüngliche nicht-Weihnachten CSS Style Sheet abgeändert, und da funktioniert es problemlos, d.h. die Navigationsbilder oben werden mit angezeigt.

Leider funktioniert es auch nicht, das Forenthema einfach zurück zu stellen so wie es z.B. am 24.10. (also vor dem Weihnachtswechsel....) mal ausgesehen hat, denn auch dann fehlen mir die Navigationsbuttons, die über das CSS Style Sheet festgelegt wurden. Um nicht zu sagen mein komplettes CSS Style Sheet ist leer. Wenn ich (nachdem ein paar Änderungen ja nun am 02.01. nicht funktioniert hatten), das Thema wieder so herstelle, dass es die Variante vom 31.12. anzeigt, dann ist das CSS Style Sheet zwar immer noch leer, aber es zeigt mir dennoch die weihnachtlichen Navigationsbuttons an. Trag ich dann den alten CSS Code wieder ein, verschwindet mir das ganze Navigationszeilen-Gedöns wieder.

Im Testforum funktionierts problemlos. Ich steig nicht, was im Testforum anders ist als im 'richtigen' Forum.

Könnt ihr mir einen Tipp geben? Sonst geh ich jetzt einfach mal davon aus, dass bei mir ganzjährig Weihnachten sein wird. *g*

Vielen Dank vorab!
Nina


Zuletzt von NobodyKnowsNina am Mi 2 Jan 2013 - 18:36 bearbeitet; insgesamt 1-mal bearbeitet
NobodyKnowsNina
NobodyKnowsNina
Lehrling
Lehrling

Beiträge : 2
Anmeldedatum : 02.01.13
keine
phpBB2

Nach oben Nach unten

Erledigt Re: Probleme bei Navigationsteiländerung im CSS Style Sheet

Beitrag von LouiXIV Mi 2 Jan 2013 - 18:20

Hi Nina,

auch wenn es vielleicht zuerst komisch klingt, aber setz bitte die Bild-URLs in Anführungszeichen. Also wie folgt:
#i_icon_mini_login {
background-image: url("http://www.alex-o-loughlin.de/forum/login12.jpg");
height: 100px;
width: 120px;
background-repeat: no-repeat;
}
Ausserdem solltest du nach dem Einsetzen der neuen Grafiken mal deinen Browser-Cache löschen, damit die Grafiken neu geladen werden.

EDIT:
Ich sehe grade, du baust grade den Style um.
Jetzt hast du übrigens 2 Anführungszeichen drin:
Code:
#i_icon_mini_index {
    background-image: url("“http://www.alex-o-loughlin.de/forum/home12.gif”");
    height: 100px;
    width: 156px;
}
Kann es sein, dass du den Text mit einem Schreibprogramm wie Word editierts? Weil wie du siehst werden die falschen Anführungszeichen verwendet. Wenn du den Text vorher mit einem Programm bearbeiten willst, dann nimm den Standard-Editor, der kennt diese Sonderzeichen nicht ...
Es müssen die "graden" Anführungszeichen sein.


Zuletzt von LouiXIV am Mi 2 Jan 2013 - 18:39 bearbeitet; insgesamt 1-mal bearbeitet
LouiXIV
LouiXIV
Kaiser
Kaiser

Männlich Beiträge : 5210
Anmeldedatum : 22.03.09
keine
Google Chrome ModernBB

Nach oben Nach unten

Erledigt Re: Probleme bei Navigationsteiländerung im CSS Style Sheet

Beitrag von NobodyKnowsNina Mi 2 Jan 2013 - 18:38

Lass dich knutschen LouiXIV! Ein dreifaches Halleluja darauf, dass die Lösung so einfach war - alles funktioniert. Vielen lieben Dank! Freunde

PS: Jepp, bin gerade am Ändern und hatte die Vorlage leider im Word, daher musst ich die " im Sheet nochmal neu setzen Wink


Zuletzt von NobodyKnowsNina am Mi 2 Jan 2013 - 18:40 bearbeitet; insgesamt 1-mal bearbeitet
NobodyKnowsNina
NobodyKnowsNina
Lehrling
Lehrling

Beiträge : 2
Anmeldedatum : 02.01.13
keine
phpBB2

Nach oben Nach unten

Erledigt Re: Probleme bei Navigationsteiländerung im CSS Style Sheet

Beitrag von LouiXIV Mi 2 Jan 2013 - 18:39

Dann ist ja gut Wink
LouiXIV
LouiXIV
Kaiser
Kaiser

Männlich Beiträge : 5210
Anmeldedatum : 22.03.09
keine
Google Chrome ModernBB

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben

- Ähnliche Themen

 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten