Lexi Help
Partner
www.forumieren.com

Probleme bei Navigationsteiländerung im CSS Style Sheet

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Erledigt Probleme bei Navigationsteiländerung im CSS Style Sheet

Beitrag von NobodyKnowsNina am 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(http://i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/home_zps8fe8ae12.png);
height:100px;
width:156px;
}
#i_icon_mini_index:hover{
background-image:url(http://i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/homehover_zps9c794d13.png);
height:100px;
width:156px;
}
#i_icon_mini_new_message {
background-image:url(http://i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/newmail_zpsc7bcfc50.png);
height:100px;
width:117px;
}
#i_icon_mini_message:hover {
background-image:url(http://i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/mailhover_zps5fc89d9a.png);
height:100px;
width:117px;
}
#i_icon_mini_message {
background-image:url(http://i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/mail_zps47a35d2e.png);
height:100px;
width:117px;
}
#i_icon_mini_members{
background-image:url(http://i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/users_zpsc14a910b.png);
height:100px;
width:120px;
}
#i_icon_mini_members:hover{
background-image:url(http://i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/usershover_zps01b45ed7.png);
height:100px;
width:120px;
}
#i_icon_mini_search{
background-image:url(http://i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/search_zpsf1b75cad.png);
height:100px;
width:140px;
}
#i_icon_mini_search:hover{
background-image:url(http://i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/searchhover_zps01bf4487.png);
height:100px;
width:140px;
}
#i_icon_mini_profile {
background-image:url(http://i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/profile_zps7e7de801.png);
height:100px;
width:147px;
}
#i_icon_mini_profile:hover {
background-image:url(http://i1281.photobucket.com/albums/a508/NobodyKnowsNina/WL/profilehover_zps63440954.png);
height:100px;
width:147px;
}
#i_icon_mini_login:hover {
background-image:url(http://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(http://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(http://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(http://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(http://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(http://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("http://illiweb.com/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("http://illiweb.com/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
Neuling
Neuling

Beiträge : 2
Anmeldedatum : 02.01.13

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von LouiXIV am 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
Kaiser
Kaiser

Männlich Beiträge : 5210
Hinweis : kommt ab und zu aus dem OFF hervor
Anmeldedatum : 22.03.09

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von NobodyKnowsNina am 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
Neuling
Neuling

Beiträge : 2
Anmeldedatum : 02.01.13

Benutzerprofil anzeigen

Nach oben Nach unten

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

Beitrag von LouiXIV am Mi 2 Jan 2013 - 18:39

Dann ist ja gut Wink

LouiXIV
Kaiser
Kaiser

Männlich Beiträge : 5210
Hinweis : kommt ab und zu aus dem OFF hervor
Anmeldedatum : 22.03.09

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


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