2 neue Spoiler im Facebook und VKontakte Style - Forum - Scripts

uForum Chat

Statistik

Insgesamt online: 1

Gäste: 1

Benutzer: 0

Scripts » Forum » 2 neue Spoiler im Facebook und VKontakte Style

Cheburator

2 neue Spoiler im Facebook und VKontakte Style

Viele versuchen Spoiler in den Stilen von Facebook oder Vkontakte zu machen, aber schaffen es nicht ganz so richtig, da sie die ein oder andere Sache nicht bedenken...

Aber nun habe ich hier die Lösung, für die, welche die Spoiler wie auf Facebook oder Vkontakte haben wollen. Diese Scripts, besser gesagt diese CSS Codes machen eure Spoiler in den Stilen der 2 Giganten.

Kopiert einen der beiden Codes in eure CSS:

Facebook

Code

.uSpoilerButton {
width: 100%;
border: none;
background: #FFF;
padding: 3 0 3 0px;
margin-left: -3px;
color: #333;
font-size: 17px;
font-weight: bold;
text-align: left;
cursor: pointer;
background:url( http://uforum.ucoz.de/public/images/facebook_us.png) no-repeat; //Bild 1px
}

.uSpoilerClosed {
border-bottom: 1px solid #D9D9D9;
margin-bottom: -4px;
padding-bottom: 10px;
background:url( http://uforum.ucoz.de/public/images/facebook_us2.png) no-repeat right top; //Bild +
}

.uSpoilerOpened {
border-bottom: 1px solid #D9D9D9;
padding-bottom: 23px;
background:url( http://uforum.ucoz.de/public/images/facebook_us3.png) no-repeat right top; //Bild -
}

.uSpoilerText {
margin-top: -20px;
font-size: 15px;
color: #333;
}

Vkontakte:

Code

.uSpoilerButton {
width: 100%;
border: none;
background: #FFF;
padding: 9px;
color: #2B587A;
cursor: pointer;
}

.uSpoilerButton:hover {
background: #E9EDF1;
}

.uSpoilerText {
margin-top: -10px;
padding: 0 5 5 5px;
}

Insgesamt 0 Kommentare und 12762 Aufrufe

Über uns...

Auf uForum bekommt ihr
kostenlos Hilfe für das
uCoz Baukasten System.

Counter

2 letzte Kommentare von 3

kann man sowas auch als Rang Gast liken? Ich habe auf meiner Seiter User Registration deaktiviert, kann ich da trotzdem so einen Button haben? weiter »

Sitemap

Sitemap-Forum

URL List

RSS

RSS-Forum

Nach oben