Das Forum der Foren
Willkommen im offiziellen Supportforum von Forumieren!

Um alle Vorteile unseres Forums zu nutzen, melden Sie sich bitte an. Wenn Sie bereits Mitglied sind loggen Sie sich ein.


Erstellen Sie ein kostenloses Forum wie dieses hier.
Regeln und nützliche Hinweise
Lexi Help
Die neuesten Themen
» Naruto - SnK
von Aiko-Chan Gestern um 16:41

» [Tutorial] Forenbanner in eine Diaschau verwandeln
von inde Gestern um 16:24

» [Tutorial] Ergebnisse der Umfragen optisch verändern
von inde Gestern um 11:44

» bestehendes Konto bei Forums Erstellung
von inde Sa 27 Mai 2017 - 20:14

» [phpBB3] Kostenloses Grafikprogramm für Windows 7 Ultimate 32bit gesucht
von inde Sa 27 Mai 2017 - 18:16

» Veröffentlichungen - Bilder in einer Zeile
von inde Sa 27 Mai 2017 - 16:15

» [phpBB3] Backup Rückgängig machen
von inde Fr 26 Mai 2017 - 12:29

» Natur und Wildlife Forum
von Stephan68 Do 25 Mai 2017 - 19:03

» [phpBB2] Charmed Bad Time
von Phoebe Do 25 Mai 2017 - 16:48

» [phpBB2] RPG-Forum Drachenkrieg
von Zocker96 Do 25 Mai 2017 - 14:14

» House Of The Rising Sun Rollenspiel-Forum
von Dr.Keks Do 25 Mai 2017 - 11:02

» Antwort landet im falschen Thema
von inde Do 25 Mai 2017 - 3:16

» [#9811] [phpBB2] Could not obtain rpg users infos
von inde Mi 24 Mai 2017 - 18:37

» [#9973] Abmeldeseite für User nicht aufrufbar
von inde Mi 24 Mai 2017 - 18:33

» [#9974] SSL plötzlich deaktiviert
von inde Mi 24 Mai 2017 - 18:30

» Header 714*264 für BVB134 (siamkatzenborussen.forumieren.com)
von inde Mi 24 Mai 2017 - 18:29

www.forumieren.de

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
avatar
NobodyKnowsNina
Neuling
Neuling

Beiträge : 2
Anmeldedatum : 02.01.13
keine
phpBB2

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
avatar
LouiXIV
Kaiser
Kaiser

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

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
avatar
NobodyKnowsNina
Neuling
Neuling

Beiträge : 2
Anmeldedatum : 02.01.13
keine
phpBB2

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
avatar
LouiXIV
Kaiser
Kaiser

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

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