avatar
 Mata.com

 Mata.com
la data de Lun Iul 13, 2015 8:25 pm
Pentru a schimba un pic aspectul forumului urmareste acest tutorial!


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;
}


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;
}


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;
}


Succes !


,
[Trebuie sa fiti inscris si conectat pentru a vedea acest link] • [Trebuie sa fiti inscris si conectat pentru a vedea acest link] • [Trebuie sa fiti inscris si conectat pentru a vedea acest link] • [Trebuie sa fiti inscris si conectat pentru a vedea acest link] • [Trebuie sa fiti inscris si conectat pentru a vedea acest link] • [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Vezi profilul utilizatorului http://quickreply.ipbfree.biz