Jump to content
Sign in to follow this  
KARDILAKT

Tutorial Modificare Skinuri Ipb 3.1, 3.2, 3.3 & 3.4

Recommended Posts

De la început vă spun că tutorialul este lung; de aceea, nu îl pot face pe tot deodată, aşa că o să postez aici când mai încep să fac câte ceva.

În caz că doriţi să faceţi modificări privind anumite culori din designul celor de la IP. Board, respectiv versiunile 3.1, 3.2, 3.3 şi 3.4 , aici vă voi explica cum să modificaţi uşor şi rapid, folosind codul HTML al culorii dorite.

Vreau să vă spun de la bun început că toate aceste modificări trebuiesc produse din AdminCP -> Look & Feel -> IP. Board (tema default oferită de IPB) sau alt skin folosit, dar nu garantez că veţi putea schimba tot -> tabul CSS -> ipb_styles.css

 

1. Background-ul paginii

 

BaFGE.png

 

Cum spuneam mai sus, înt tabul CSS, secţiunea ipb_styles.css: apăsăm CTRL + F şi căutăm:

Citat


/* ELEMENT STYLES */

 

body {

background: #fff;

 

 

 

Ce e scris cu #fff reprezintă culoarea actuală şi o putem schimba cu o altă culoare, după codul acestuia din codul HTML. Să zicem că eu vreau să o înlocuiesc cu "#f2f6fb". În acest caz, codul va deveni:

 

 

 
Citat


/* ELEMENT STYLES */

 

body {

background: #f2f6fb;


 

 

5UPZK.png

 

aici este vorba despre 2 background-uri:

 

LnaW1.png

 

Background 1:

 

Schimbăm culoarea marcată cu roşu:

 

Citat

#content {

background: #fff;

padding: 10px 10px;

line-height: 120%;

-webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.1);

-moz-box-shadow: 0 5px 9px rgba(0,0,0,0.1);

box-shadow: 0 5px 9px rgba(0,0,0,0.1);

}

 

 

 

Background 2:

 

Citat

html, body { /* Safari has trouble with bgcolor on body. Apply to html tag too. */

background-color: #d8dde8;

color: #5a5a5a;

}

 

Sursa : pctroubleshooting.ro

Share this post


Link to post
Share on other sites

2. Maintitle Bars

O0PVQ.png

 

Căutăm aşa ceva:

 

Citat

body .maintitle {

background: #1d3652 url({style_images_url}/gradient_bg.png) repeat-x left 50%;

 

 

 

 

Şi schimbăm culoarea marcată cu roşu. Eu vreau de exemplu culoarea #2c5687. Aşadar, codul va arăta astfel:

 

Citat

body .maintitle {

background: #2c5687 url({style_images_url}/gradient_bg.png) repeat-x left 50%;

 

 

 

Rezultatul:

 

w8zCa.png

 

Citat

.maintitle {

background: #2c5687 url({style_images_url}/maintitle.png) repeat-x top;

color: #fff;

padding: 10px 10px 11px;

font-size: 16px;

font-weight: 300;

-moz-border-radius: 4px 4px 0 0;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

border-radius: 4px 4px 0 0;

-webkit-box-shadow: inset 0px 1px 0 #528cbc;

-moz-box-shadow: inset 0px 1px 0 #528cbc;

box-shadow: inset 0px 1px 0 #528cbc;

border-width: 1px 1px 0 1px;

border-color: #316897;

border-style: solid;

}

 

 

 

Ce e scris cu roşu schimbă cu codul culorii alese (codul din HTML, desigur), ştergem ce este cu albsatru (având grijă ca după codul culorii să avem ";", adică: #2c5687;).

 

 

 

De asemenea ar cam trebui să schimbăm şi codurile culorilor scrise cu verde.

Sursa : pctroubleshooting.ro

Share this post


Link to post
Share on other sites

3. Table column headers

 

IPB 3.1

 

svr3s.png

 

 

 

  Quote
/* Table column headers */

.header {

background: #b6c7db;

 

 

3.2, 3.3, 3.4

 

Nu avem aşa ceva :(

 

Share this post


Link to post
Share on other sites

4. Rows

 

IPB 3.1

 

3BO4a.png

 

 

  Quote

/* COLORS */

 

.row1, .row1 td, .post_block.row1 {

background-color: #fafbfc; /* Very light blue */

}

 

.row1 .altrow, .row1.altrow,

.personal_info, .general_box {

background-color: #eef3f8; /* Slightly darker than row1 */

}

 

.row2, .row2 td, .post_block.row2,

.message {

background-color: #f1f4f7; /* Light blue */

}

 

.row2 .altrow, .row2.altrow,

/* ul.post_controls,*/

ul.topic_moderation {

background-color: #e4ebf2; /* Slightly darker than row2 */

}

 

 

 

IPB 3.2, 3.3, 3.4

 

Aici sunt toate la fel, cu excepţia celor necitite.

 

 

  Quote
.ipsBox_container {

background: #fff;

border: 1px solid #dbe4ef;

}

 

 

 

şi cele necitite:

 

 

  Quote
.unread { background-color: #f7fbfc; }

Share this post


Link to post
Share on other sites

5. Footer

 

wQ3IZ.png

 

Să începem cu

bdNNn.png

 

Pentru a schimba fundalul, edităm ce e scris cu roşu (desigur, cu codul culorii echivalent în HTML):

 
Citat

 

/* Filter & moderation bars */

.filter_bar {

background-color: #1d3652;


 

 

Exemplu:

Citat

 

/* Filter & moderation bars */

.filter_bar {

background-color: #2c5687;

 

 

XTulh.png

Acum să trecem la bara cu utilităţi:

S6Ji8.png

Căutăm aşa ceva şi schimbăm ce e scris cu roşu:

Citat

#footer_utilities {

background: #192b40 url({style_images_url}/gradient_bg.png) repeat-x 50%;

 

 

Exemplu:

Citat

#footer_utilities {

background: #2c5687 url({style_images_url}/gradient_bg.png) repeat-x 50%;

 

 

 

Sursa : pctroubleshooting.ro

Share this post


Link to post
Share on other sites

Pentru orice nelamurire va stam la dispozitie prin intermediul unui comentariu . 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

GameLive /:love ,creat din extorsiunea produsă de transformarea unei anumite Coalitii /angrydevil ,care a dus la împărțirea fragmentată. Gamelive e tărâmul online de împușcat /:smirk, adecvat spiritului de gamer /:v ,în proporții scăzute sau ridicate, depinde de fiecare în felul său cum osclizează, prezent într-un cadru și o formă, unică, neplagiată și originală din fiecare punct de vedere, rulând sub o formă de prezentare [pH] />:). Luând amploare, ca urmare GameLive /:arrowheart

Stats

100x31.gif Statistici T5

 

/clap Donatii realizate : /:v 

  • /:smirk Taha : 1000 €
  • CIP : 50€
  • REBOOK : 50€

Follow us

Facebook

Parteneriate Gamelive

comunitate cs WwW.4en3rgY.FOruMZ.Ro WarGods"/ Devilz"/ Un-Glont.Ro

NE REZERVAM DREPTUL DE A NE SELECTA PARTENERII IN TIMP DE 48 ORE.

×