Personalizarea barei de instrumente

Cod:

#fa_toolbar, #fa_toolbar_hidden {background-color: #xxxxxx !important;}

Inlocuiti #xxxxxx cu un cod hexadecimal de culoare

Cod:

#fa_toolbar, #fa_toolbar_hidden {background: url('http://image_url');}

http://image_url trebuie inlocuit cu un link catre imaginea de fundal. Dimensiuni recomandate: inaltime 30px si o latime fie destul de mica, incit sa se repete pe orizontala, fie destul de mare incit sa nu se repete indiferent de rezolutia ecranului (ex: 2000x30px)

Cod:

#fa_toolbar {
font-size: 14px!important;
color:#xxxxxx !important;
font-family:NUME_FONT !important;
text-shadow:1px 1px 0px #AAAAAA !important;
font-weight: 900}

Inlocuiti #xxxxxx cu un cod hexadecimal de culoare care va fi culoarea textelor, NUME_FONT cu denumirea fontului dorit (ex: Arial), font-size cu dimensiunea dorita, la font-weight puteti schimba tipul caracterelor (bold) iar text_shadow va aplica o umbra tuturor textelor. Configurati dimensiunea si culoarea umbrei, schimbind dimensiunile in pixeli si inlocuind #AAAAAA cu un cod hexadecimal de culoare.

Cod:

#fa_toolbar_hidden {
  background-color: #xxxxxx !important;
}

Inlocuiti #xxxxxx cu un cod hexadecimal de culoare

Cod:

#fa_toolbar_hidden {
  background-image: url("http://image_url") !important;
}

http://image_url trebuie inlocuit cu un link catre imaginea de fundal a sagetii. Dimensiuni recomandate: 30x30 px.

Cod:

#fa_toolbar #fa_hide {
  background-image: url("LINK_SAGEATA_IN_SUS") !important;
  background-position: 0 0 !important;
}
#fa_toolbar_hidden #fa_show {
  background-image: url("LINK_SAGEATA_IN_JOS") !important;
  background-position: 0 0 !important;
}

Inlocuiti LINK_SAGEATA_IN_SUS cu link-ul direct al imaginii pentru sageata in sus si LINK_SAGEATA_IN_JOS cu link-ul direct al imaginii pentru sageata in jos. Ambele imagini trebuie sa aiba exact 30x30 pixeli.
->

Cod:

#fa_search #fa_textarea {
  background-color: #xxxxxx;
}

Inlocuiti #xxxxxx cu un cod de culoare hexadecimal

Cod:

#fa_search #fa_textarea {
  background-image: url("http://image_url");
}

Inlocuiti http://image_url cu link-ul imaginii de fundal. Dimensiuni recomandate: 200x24 px.

Cod:

#fa_search #fa_textarea {
  color: #xxxxxx;
}

Inlocuiti #xxxxxx cu un cod de culoare hexadecimal

Cod:

#fa_search #fa_magnifier {
  background-image: url("http://image_url") !important;
}

Inlocuiti http://image_url cu link-ul imaginii pentru lupa. Dimensiuni recomandate: max 30x30 px.

Cod:

#fa_toolbar #fa_fb {
  display: none !important;
}

Inlocuiti #fa_fb functie de butonul pe care doriti sa-l ascundeti. Codurile pentru butoanele meniului, de la stinga la dreapta: #fa_fb = Facebook, #fa_twitter = Twitter, #fa_gp = Google+, #fa_mail = e-mail, #fa_rss = flux RSS

Cod:

#fa_share #fa_share_text {
  color: #xxxxxx;
}

Inlocuiti #xxxxxx cu un cod de culoare hexadecimal

Cod:

#fa_toolbar #notif_unread {
  color: #xxxxxx !important;
  font-weight: 900;
  margin-left: 3px;
}

Inlocuiti #xxxxxx cu un cod de culoare hexadecimal

Cod:

#fa_right.welcome #fa_menu #fa_welcome, #fa_right.notification > #fa_notifications {
  background-color: #xxxxxx !important;
  color: #yyyyyy !important;
}

#xxxxxx este culoarea fundalului si #yyyyyy este culoarea textului. Ele nu trebuie sa fie identice, altfel nu veti mai vedea textul.
Ex: devine

Cod:

#fa_toolbar #fa_menulist {
  background-color: #xxxxxx;
}

#xxxxxx este codul hexadecimal al culorii dorite.

Cod:

#fa_toolbar #fa_menulist a {
  color: #xxxxxx !important;
}

#xxxxxx este codul hexadecimal al culorii dorite.

Cod:

#fa_toolbar #fa_right #notif_list {
  background-color: #xxxxxx !important;
}

#xxxxxx este codul hexadecimal al culorii dorite.

Cod:

#fa_toolbar #fa_right #notif_list .unread {
  background-color: #xxxxxx !important;
}

#xxxxxx este codul hexadecimal al culorii pentru fundal.

Cod:

#fa_toolbar #fa_right #notif_list li .contentText {
  color: #xxxxxx;
}
#fa_toolbar #fa_right #notif_list li.unread .contentText {
  color: #yyyyyy;
}

#xxxxxx este culoarea textului pentru notificarile citite, iar #yyyyyy este culoarea textului notificarilor noi.

Cod:

#fa_toolbar #fa_right #notif_list li div.contentText.ellipsis a {
  color: #xxxxxx !important;
}
#fa_toolbar #fa_right #notif_list li.unread div.contentText.ellipsis a {
  color: #yyyyyy !important;
}

#xxxxxx este culoarea link-urilor pentru notificarile citite, iar #yyyyyy este culoarea link-urilor notificarilor noi.

Cod:

#fa_toolbar #fa_right #notif_list li a.delete {
  background-image: url("LINK_IMAGINE") !important;
  background-position: 0 0 !important;
}

Inlocuiti LINK_IMAGINE cu link-ul direct al imaginii dorite. Imaginea trebuie sa aiba maxim 20x20 px.
Ex: In loc de vom avea

Cod:

#live_notif .fa_notification {
  background-color: #xxxxxx !important;
  opacity: 0.8 !important;
}

#xxxxxx trebuie inlocuit cu un cod hexadecimal de culoare, iar transparenta o modificati schimbind cifrele pentru opacity cu un numar cuprins intre 0 (invizibila) si 1 (fara transparenta) - ex: daca in loc de 0.8 veti scrie 0.5, fereastra va deveni mai transparenta.

Cod:

#live_notif .fa_notification {
  background-color: transparent !important;
  background-image: url("LINK_IMAGINE") !important;
  opacity: 1 !important;
}

Inlocuiti LINK_IMAGINE cu link-ul direct al imaginii de fundal. Dimensiune recomandata: 330x60 px. Daca doriti o fereastra semitransparenta, va trebui sa folositi o imagine tip .png semitransparenta.

Cod:

#live_notif .content.ellipsis {
  color: CULOARE_TEXT !important;
}
#live_notif .content.ellipsis a {
  color: CULOARE_LINK !important;
}

Trebuie doar sa inlocuiti CULOARE_TEXT si/sau CULOARE_LINK folosind  coduri hexadecimale de culoare de forma #xxxxxx

Cod:

#live_notif .content.ellipsis {
  background-image: url("LINK_IMAGINE") !important;
}

Inlocuiti LINK_IMAGINE cu link-ul direct al imaginii dorite, cu dimensiunea de maxim 32x32 px