8. Wie ändere ich das Design der Tabs im Profil ?

In diesen Tutorial geht es um folgenden Bereich im Profil (Tabs)http://www.imgbox.de/users/SonGoku/dekerjwejw.png

1. Zuerst öffnet ihr den CSS Generator unter folgender Url http://profile-css.linet-it.de/

2. Wählt im CSS Generator als erstes " Tab-Menü: Menüpunkte " aus (Bild 1 rot)

http://www.imgbox.de/users/SonGoku/efkerje.png

3. Nun könnt ihr einiges verändern

Ihr könnt den Hintergrund der Tabs wählen . Entweder farbig oder ihr könnt ein Hintergrundbild einfügen ( rot eingekreist)

Ihr könnt den Rahmen der Tabs wählen (grün eingekreist)

Ihr könnt die Schriftfarbe und Art wählen (blau eingekreist)

Auch weitere Dinge sind einstellbar (zb Grösse / Höhe/ Länge der Tabs) Probiert es aus !

http://www.imgbox.de/users/SonGoku/oie_JkMN5lpXT5Qd1.png

Zum Schluss klickt ihr nur noch auf den Button " Code generieren " und fügt ihn in der Profilstyleapp unter CSS ein. schon habt ihr die Tabs Boxen geändert 

http://www.imgbox.de/users/SonGoku/oie_iqamtUGTqV3K.png

http://www.imgbox.de/users/SonGoku/jgztz.png

4. Zum Schluss klickt ihr nur noch auf Speichern

http://www.imgbox.de/users/SonGoku/hgzgh.png

Ps: Sollte es Probleme geben fügt im CSS Code noch folgende Zeile ein

background-image: none!important;

 

Manuelles Tutorial ohne CSS Generator

 

Heute geht es um die Waagerechte Optionstableiste . http://www.reitkalender.ch/forum/images/smilies/icon_smile_popcorn2.gifWas damit gemeint ist seht ihr hier:http://www.katzen-album.de/forum/images/smilies/2028.gif
jnhnheff.png


Natürlich gibt es auch diesmal wieder einen Standartcode indem ihr die Farbcodes nach eurer Wahl tauschen könnt . Alle Dick -Gedruckten Farbcodes im Standartcode können getauscht werden .

Standartcode für die Waagerechten Optionsleiste

.dynamic-tab-pane-control .tab-row .tab a {
background-color: #000000!important;   /* Hintergrundfarbe  ändern */
background-image: none!important;
color: #FFFFFF!important;                      /* Schriftfarbe ändern*/
border-color: #A00000!important;         /*Rahmenfarbe ändern*/
text-shadow: 3px 3px 2px #F00000!important;  /*Textschattenfarbe ändern*/
}

Standartcode wenn man mit der Maus drüber geht bei der Optionsleiste

.dynamic-tab-pane-control .tab-row .tab a:hover {
background-color: #300000!important;    /* Hintergrundfarbe  ändern */
background-image: none!important;
color: #FFFFFF!important;                      /* Schriftfarbe  ändern */
border-color: #A00000!important;           /* Rahmenfarbe  ändern */
text-shadow: 3px 3px 2px #FFFFFF!important; /* Textschattenfarbe  ändern */
}

Standartcode für einzelnen gerade ausgewählten Optionspunkt
(blau gekennzeichnet)
miefhfe.png


.dynamic-tab-pane-control .tab-row .tab.selected a {

color: #FFFFFF!important;         /* Schriftfarbe  ändern */

}
.dynamic-tab-pane-control .tab-row .tab.selected a:hover {
color: #FFFFFF!important;     /* Schriftfarbe  ändern */

}

Wie immer findet ihr hier viele Farbcodes zum tauschen:

http://old-schulte.de/farbtab.html:s2028:

Die fertigen Codes fügt ihr wie gewohnt in der Profilestyleapp unter CSS ein und klickt dann auf speichern:

 

 

Kommentare

Es sind noch keine Kommentare vorhanden!