Bine ati venit pe forumul de suport al Forumgratuit

Pentru a beneficia de tot ceea ce va ofera forumul nostru, va rugam sa va conectati daca sunteti deja membru sau sa va alaturati comunitatii noastre



Creati un forum gratuit ca acesta.

Diferite coduri CSS pentru Invision

 :: Despre Forumgratuit ::   :: Tutoriale

Vezi subiectul anterior Vezi subiectul urmator In jos

Diferite coduri CSS pentru Invision

Mesaj Scris de Luky la data de Lun 19 Apr 2010, 10:57 pm

Pentru a schimba un pic aspectul forumului urmareste acest tutorial!

Trebuie cunostinte generale CSS si HTML

La ChatBox


• Schimbați culoarea de fundal la posturi:

- Culoarea de fundal pentru linii impare (liniile 1, 3, 5, 7 ...)

Cod:
.chatbox_row_1 {
background-color: #ecf3f7;
}


- Culoarea de fundal pentru linii pare (liniile 2, 4, 6, 8 ...)

Cod:
.chatbox_row_2 {
background-color: #e1ebf2;
}


• Modificarea culorii lista membrilor online din chatbox:

Cod:
.memberlist_row_1 {
background-color: #ecf3f7;
}


• Modificarea culorii titlul chatbox:

Cod:
.chatbox-title,.chatbox-title a.chat-title {
color: #ffffff !important;
}


• Modificarea alinierii a titlului chatbox:

Cod:
.chatbox-title {
float: left;
margin: 0;
padding: 6px 5px 0 5px;
width: 15em;
}


• Modificați dimensiunea fontului de mesaje din chatbox

Cod:
.chatbox {
font-size: 15px;
}


Mesaje


• Schimbați culoarea de fundal al postului:

Cod:
.post-container {
background-color: #EE0030;
}


• Modificarea culorii scrierea mesajelor, precum și modele de mesaj:

Cod:
.post-container {
color: #EE0030;
}


• Schimbați culoarea de fundal a unui mesaj:

Cod:
.postbody {
background-color: #EE0030;
}


• Schimbarea profilurilor culoarea de fundal în posturi:

Cod:
.post {
background-color: #EE0030;
}


• Modificarea aspectului de separare între două mesaje într-un subiect:

Cod:
.popmenubutton-new-out a {
background-color: #EE0030;
}


• Schimbați culoarea de fundal a meniului (atunci când sunt deschise):


Cod:
.popupmenu li {
background-color: #F73100;
}


• Modificări conturul meniul drop-down (atunci când sunt deschise):
Cod:
.popupmenu {
background-color: #FFFFFF;
}


• Schimbați culoarea de fundal a barei care conțin link-uri "anterior Vezi topic · Subiectul următor

Cod:
.topic-footer {
background-color: #EE0030;
}


• Schimbați culoarea de fundal a barei de butoane care conțin moderator, și permisele

Cod:
.bar {
background-color: #EE0030;
}


• Schimbarea culorii textului din bara cu butoane de moderație și a permiselor:

Cod:
.bar {
color: #EE0030;
}


Profil


• Schimbați culoarea de fundal a profilului:

Cod:
.box-content.profile {
background-color: #EE0030;
}


• Modificarea culorii de la bara care conțin numele de autor al unui mesaj pentru vizitatori.

Cod:
#profile-advanced-details .message-header {
background: #EE0030;}


• Se determină poziția numelui de autor, data și ora, în acelaias bara.

Cod:
#profile-advanced-details .message-date {
float: left;
}


• Se determină poziția de link-uri "Ascunde" și "Delete" într-un mesaj vizitator.
Cod:
#profile-advanced-details .message-footer {
text-align: left;
}


• Determină mărimea din a doua coloană de profil avansate (coloana care conține un avatar, gradul și prieteni ...):

Cod:
#profile-advanced-right {
width: 120px;
}


• Modificați aspectul titluri în fila Statistică al Profil avansate (subiecte, mesaje, informatii ...)

Cod:
#profile-advanced-details .stats-field legend {
font-weight: bold; color: #EE0030;
}


• Modificați aspectul textului, în special în fila Statistici:

Cod:
#profile-advanced-details .stats-field ul {
text-indent: 10px;
padding: 0;
color: #EE0030;
}


• La fel ca și cea anterioară

Cod:
#profile-advanced-details .stats-field li {
color: #EE0030;
}


Mesaje private


• Modificarea culorii fila deschise (Inbox, Sent mail, etc ..)

Cod:
ul.privmsg li {
background-color: #EE0030;
color: #fff;
}


• În schimb acest cod de modificări de culoare de alte file, nedeschis:

Cod:
ul.privmsg li a {
background-color: #EE0030;
}


La FAQ


• Modificări la cadrul care conține răspunsul la o întrebare:

Cod:
dl.faq dd p {
border: 1px solid #EE0030;
}


• Modificări la bara între două întrebări:

Cod:
dl.faq .question {
border-bottom: 1px solid #EE0030;
}


Lista de membri


• Modificări cadru în jurul prezentarea unui profil:

Cod:
.member {
background-color: #fff;
border: 1px solid #EE0030;
}


• Schimbare de fundal și de frontieră din avatar din lista de membri:

Cod:
.member-list .popmenubutton .mini-avatar {
border: 1px solid #EE0030;
background-color: #EE0030;
}


• Schimbarea culorii textului din caseta de profil (vizite recente, mesaje, diverse opțiuni de profil):


Cod:
.member p {
color: #EE0030;
}


• Amendament la partea de jos a clasei membru (nu se concentreze parte de un profil de fond, ci una în spatele)

Cod:
div.borderwrap .member-list {
background-color: #EE0030;
}


Căutare


• Schimbați culoarea de fundal:

Cod:
#search_menu {
background-color: #EE0030;
border: 1px solid #ffffff;
}


• Schimbare o căutare de culoare de frontieră:

Cod:
#search_menu input.post {
border: 1px solid #EE0030;
}


• Modificarea widget "Căutare" și pagina "Căutare avansată":

Cod:
.advanced-search .search-footer {
background-color: #EE0030;
border-top: 1px solid #ffffff;
}


Sondaj


• Schimbarea substanța a sondajului, o dată votat:


Cod:
.polls {
background-color: #EE0030;
}


• Schimbare opțiuni de culoare a sondajului:

Cod:
.polls dl {
color: #EE0030;
}


Smileys


• Amendament la marginea cadrului conțin smileys atunci când compuneți un mesaj

Cod:
.smiley-container {
border: 1px solid;
color: #EE0030;
}


• Schimbați culoarea de fundal a meniului "Mai multe zambete"

Cod:
.smiley-selector {
background-color: #EE0030;
}


• Modificarea culorii de contur a cutiei (care este scris HTML activat, codul BB este activat, etc.)

Cod:
#smiley-box {
background-color: #EE0030;
border: 1px solid #;
}


Trimite un mesaj



• Modificarea culorii conturul caseta de text (cadrul care conține butoanele de formatare)

Cod:
.messaging-box {
background-color: #EE0030;
border: 1px solid #;
}


• Modificare marginea cutiei, astfel încât, prin extensie, în partea de jos a casetei, consultați Formatarea textului atunci când scrieți un răspuns:

Cod:
.messaging-box textarea {
border: 2px inset #105289;
}


Bara de navigare



• Culoare text, prin extensie este de formatare:

Cod:
#submenu ul li a {
color: #EE0030;
}


• Modificări deasupra fundal cursorul peste un element din bara de navigare:

Cod:
#submenu ul li a:hover {
background-color: #EE0030;
}


• Modificarea la bara de mai jos bara de navigare (conținând "Conectat ca clienți, etc ..)

Cod:
#userlinks {
background-color: #EE0030;
border-bottom: 1px solid #cadceb;
}


• La fel de oaspeți:

Cod:
#userlinks.not-connected {
background-color: #EE0030;
border-bottom: 1px solid #cadceb;
}


• Modificarea culorii titlul în pagina de sumar:

Cod:
#navstrip {
color: #EE0030;
}


Banner



• Schimbați culoarea de fundal în spatele banner-ul:

Cod:
div#logostrip {
background-color: #EE0030;
}



Module și portal


• Schimbare introduce conține titlul de un widget:

Cod:
.module .maintitle {
padding: 100px;
}


• Modificarea scris cu privire la titlul de widget-uri (de exemplu, formatare)

Cod:
.module .maintitle h3 {
float: none;
font-size: 1em;
color: #EE0030;
}


• Schimbare widget-uri de text (dar nu, al legăturilor exclamatii):

Cod:
.module .box-content {
color: #EE0030;
}


• Schimbare de natura poliției modulelor centrale ale portalului:

Cod:
.module .postbody {
padding: 0;
color: #EE0030;
}


• Schimbarea de formatare a widget-uri subsol (de exemplu, "Comentarii: 0)

Cod:
.module .postbody .post-footer {
color: #EE0030;
}


Diverse


• Modificați formatarea "Birthday" casuta "statistici" ...

Cod:
.formsubtitle {
padding: 5px;
color: #EE0030;
}


• Modificați formatarea descrierea titlul de pe forum (de mai jos sau alături de banner)

Cod:
div#logostrip {
min-height: 70px;
color: #EE0030;
}


• Modificați formatarea descrierea sub lozinca

Cod:
#site-desc {
margin: 8px;
color: #EE0030;
}


• Modificați formatarea titlul de pe forum (de lângă sau de mai jos banner)

Cod:
div#logostrip #main-title h1 {
padding-top: 0;
color: #EE0030;
}


• Extinderea caseta de intrare pentru e-mail de forma:

Cod:

textarea {
width:650px;
}



Tutorial realizat de Jacky

Luky
Veteran Forumgratuit
Veteran Forumgratuit

Numarul mesajelor: 3600
Varsta: 23
Localizare: Bucuresti
Data de inscriere: 27/12/2007
Niciun warn

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

 :: Despre Forumgratuit ::   :: Tutoriale

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum