Cum se schimba culoarea background-ului in Thesis Theme

by BloggerIn on March 23, 2010

How smart is your Theme?  How good is your support? Check out ThesisTheme for WordPress.

Pentru ca pe BloggerIn.ro folosesc Thesis, voi posta din cand in cand cate un mic tutorial pentru cei care folosesc aceasta excelenta tema WordPress. Pentru ca schimbarea culorii de background este una din cele mai eficiente metode de a schimba look-ul unui blog, voi prezenta in continuare cum se face acest lucru in Thesis. 

Thesis este echipat din start cu o structura foarte usor de folosit pentru schimbarea background-ului sau fundalului (in limba romana). Sunt implicate trei elemente HTML si anume:

<body class="custom">
<div id="container">

<div id="page">

Adica exista 3 layer-e pe care le putem modifica pentru definirea background-ului.

Iata pasii care trebuie parcursi:

Pasul 1: Deschide custom.css folosind orice editor de texte, ca de exemplu Notepad. Fisierul il gasesti in directorul thesis_16/custom. Acest fisier este special creat pentru a permite customizarea designului in Thesis si permite schimbarea fontului, dimensiunii textului, culoarea de background etc.

Pasul 2: Adauga culoarea de background inserind urmatorul cod in fisier:

body.custom {
    background: #44443f;
}
.custom #container {
    margin-top: 2em;
    margin-bottom: 2em;
    padding: 0.3em;
    background: #33332f;
    border: 0.4em solid #3e3e3a;
}
.custom #page {
    background: #fff;
}

Thesis background

Din poza de mai sus iti poti da seama foarte usor ce face fiecare linie de cod.

Pasul 3: Schimbarea culorii de background In codul de mai sus sunt 4 culori pe care le poti schimba. Codul culorilor este in format hexadecimal. Pentru a afla care este codul culorii dorite in hexadecimal poti folosi unul din urmatoarele doua site-uri:
http://www.asahi-net.or.jp/~FX6M-FJMY/java09e.html
http://www.colorschemer.com/online.html

Pasul 4: Uploadeaza fisierul custom.css pe server dupa care ar trebui sa poti vedea efectul modificarilor.

Daca urmezi cei patru pasi anteriori vei vedea ca e foarte usor sa iti schimbi culoarea fundalului in Thesis Theme chiar daca nu esti foarte familiarizat cu HTML si CSS.

Related Posts with Thumbnails

Vrei sa afli cum sa poti sa atragi mai multi cititori pe blogul tau,
cum poti sa il optimizezi si sa il monetizezi?

Inscrie-te la RSS


Introdu adresa de email:     

{ 2 comments… read them below or add one }

Vlad March 27, 2010 at 12:03 am

ar fi super tare sa faci tu o serie de tutoriale pentru thesis cu lcruri care le gasesti pe formulul temei, forum care e disponibil numai pentru cei care au cumparat thesis. De gasit am gasit pe torrent tema si inca ultima versiune, dar supporul e greu de obtinut, trebuie sa te descurci singur daca nu cumperi tema.

BloggerIn March 27, 2010 at 9:29 am

@Vlad – Mi-am propus asta. Si voi introduce si cateva posturi despre Thesis.

Leave a Comment

Previous post:

Next post: