Zmiana koloru tła na forum


(96jasio96) #1

Witam :slight_smile:

Mam pytanko do expertów. Ściągnałem sobie fajny styl na forum phpBB by Przemo. Tyle że tekst jest szary a tło białe. Wiem że edytuję się to w pliku .css ,tyle że nie wiem która linikjka itp. Mam dostęp do FTP więc moge edytować plik css. Oto ten plik :

/* General page style. The scroll bar colours only visible in IE5.5+ */

body { 

background: url(images/bg.png) #000 repeat;

margin:0 auto;

padding:0;

text-align:center;

}

/* DIV style */


#content {width:980px; height:auto; padding:0; background-color:	#161616; margin:0 auto;} /*stała szerokość forum oraz kolor tła forum*/


#wraper {width:970px; height:auto; padding:0; margin:0 auto; } /*szerokość forum poniżej topa*/


#forum {width:auto; height:auto;}


#logo {background: url(images/header.jpg) no-repeat; overflow:hidden; width:966px; height:154px; position:relative;} /* ustawienia topa strony */

.inputlogin {background: url(images/inputlog.png) no-repeat; width:105px; height:20px; color:#0D0E0F; 

	position:absolute; top:3px; right:200px;} /*ustawienia pola logowania "nick"*/


.inputpassword {background: url(images/inputlog.png) no-repeat; width:105px; height:20px; color:#292929; 

	position:absolute; top:3px; right:95px;} /*ustawienia pola logowania "hasło"*/


.zaloguj {background: url(images/log.png) no-repeat; width:75px; height:20px;

	position:absolute; top:5px; right:14px;} /*ustawienia pola logowania "zaloguj"*/


.zapamietaj{position:absolute; right:215px; top:24px; color:#fcfcfc;}

.zapamietajinput {position:absolute; right:197px; top:22px;}

a.przypomnij {position:absolute; right:98px; top:23px; color:#fcfcfc; text-decoration: none;}

a.przypomnij:hover { text-decoration: underline;}

a.zare { color:#0f719f; text-decoration: none; font-weight:bold;}

a.zare:hover { color:#0f719f; text-decoration: underline; font-weight:bold;}

.rejestracja {position:absolute; right:10px; top:48px; }

.loginin {position:absolute; right:99px; top:2px; }

a.loginlinki,a.loginlinki:hover {font-size:11px; font-weight:bold; color:#fcfcfc; text-decoration: none;}


#stopka {background: url(images/stopka.jpg) repeat-x; overflow:hidden; width:980px; height:38px; font-weight:bold; font-size:11px; color:#343434 padding:0; } /* ustawienia stopki strony */

.tekst2 { margin-left: 600px; margin-top:15px; color:#343434 }


/* Ustawienia menu */





.menu1 {background: url(images/bgmenu.png) no-repeat;

	width:967px; 

	height:36px;

	text-align:left; overflow:hidden;}


a.glowna{background:url(images/glowna.jpg) no-repeat; display:-moz-inline-stack; display:inline-block; 

  width:67px; height:36px; margin:0px 0 12px 12px; } 

a.glowna:hover {background:url(images/hoverglowna.jpg) no-repeat; }


a.gracze{background:url(images/gracze.jpg) no-repeat; display:-moz-inline-stack; display:inline-block; 

  width:67px; height:36px; margin:0px 0 12px 12px; } 

a.gracze:hover {background:url(images/hovergracze.jpg) no-repeat; }



a.sponsorzy{background:url(images/sponsorzy.jpg) no-repeat; display:-moz-inline-stack; display:inline-block; 

  width:99px; height:36px; margin:0px 0 12px 12px; } 

a.sponsorzy:hover {background:url(images/hoversponsorzy.jpg) no-repeat; }



a.amx{background:url(images/amx.jpg) no-repeat; display:-moz-inline-stack; display:inline-block; 

  width:90px; height:36px; margin:0px 0 12px 12px; } 

a.amx:hover {background:url(images/hoveramx.jpg) no-repeat; }



	a.grupy{background:url(images/grupy.jpg) no-repeat; display:-moz-inline-stack; display:inline-block; 

  width:67px; height:36px; margin:0px 0 12px 12px; } 

a.grupy:hover {background:url(images/hovergrupy.jpg) no-repeat; }




	a.kontakt{background:url(images/kontakt.jpg) no-repeat; display:-moz-inline-stack; display:inline-block; 

  width:80px; height:36px; margin:0px 12px 12px 11px; } 

a.kontakt:hover {background:url(images/hoverkontakt.jpg) no-repeat; }


.inputsearch {background: url(images/inputsearch.png) no-repeat; width:149px; height:18px; color:#292929; 

	} 

.buttonsearch {background: url(images/buttonsearch.png) no-repeat; width:75px; height:20px; color:#292929; 

	} 


/* Modyfifikacje */


.cellpicfo {background:url (images/stopka.jpg) repeat; width: 970px; height:75px;

font-family:Helvetica,Arial,Verdana,sans-serif; font-weight:bold; font-size:11px; color:#343434}


.cellpicgl {background:url(images/cellpicgl.jpg) no-repeat; width:970px; height:39px; text-transform:uppercase;

	font-family:Helvetica,Arial,Verdana,sans-serif; font-weight:bold; font-size:11px; color:#f0f0f0; /*wygląd głownej belki na stronie głównej */

	}

 /*tło dla każdej komurki forum na stronie głównej */



.row3q {

	background-color:#212121;

	border-top: 1px solid #2d2c2c;

	border-left: 1px solid #2d2c2c;

	border-bottom: 1px solid #000000;

	border-right: 1px solid #2d2c2c;

	}


.row1q {

	background-color:#212121;

	border-top: 1px solid #2d2c2c;

	border-left: 1px solid #000000;

	border-bottom: 1px solid #000000;

	border-right: 1px solid #2d2c2c;


	}


.row2q {

	background-color:#262626;

	border-top: 1px solid #2d2c2c;

	border-left: 1px solid #000000;

	border-bottom: 1px solid #000000;

	border-right: 1px solid #2d2c2c;


	}





th.designprzemo,td.designprzemo  

{background:url(images/cellpic4.png) repeat-x #1c1c1e; height:22px; color:#343434; font-weight:normal;}




/* General font families for common tags */

font,th,td,p, div { font-family: Tahoma, Arial, Helvetica, sans-serif; }

a:link,a:active,a:visited	{ font-family: Tahoma; }

p, td ,div { font-size : 11px; color : #343434; }

a:hover { text-decoration: underline; color : #0075AF; }

hr { height: 0px; border: solid #2F2F2F 0px; border-top-width: 1px; }


/* This is the border line & background colour round the entire page */

.bodyline { background-color: #161616; border: 1px #98AAB1 solid; } /* --> ustaw w #content */


/* This is the outline round the main forum tables */

.forumline { background-color: #292626; border: solid #302d2d 0px; }


/* Main table cell colours and backgrounds */

td.row1 { background-color: #131314; }

td.row2 { background-color: #131314; }

td.row3 { background-color: #131314; }

td.row_helped { background-color: #131314; }


/*

	This is for the table cell above the Topics, Post & Last posts on the index.php page

	By default this is the fading out gradiated silver background.

	However, you could replace this with a bitmap specific for each forum

*/

td.rowpic {

background-color: #FFFFFF;

background-image: url('images/cellpic2.jpg');

background-repeat: repeat-y; height: 22px;

}


/* Header cells - the blue and silver gradient backgrounds */

th {

font-size: 11px; font-weight: bold;

background-color:	#000; height: 32px;

background-image:	url(images/cellpic3.png);

}


td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom {

background-image: url(images/cellpic4.png);

background-color:#343434; border: #FFFFFF; border-style: solid; height: 11px;

}


/*

	Setting additional nice inner borders for the main table cells.

	The names indicate which sides the border will be on.

	Don't worry if you don't understand this, just ignore it :-)

*/

td.cat,td.catHead,td.catBottom { background-color: #C7D0D7; background-image: url('images/cellpic4.png'); height: 22px; }

th.thHead,th.thSides,th.thLeft,th.thRight,th.thBottom {

font-weight: bold; border: #FFFFFF; height: 28px;

}


th.thCornerL,th.thTop,th.thCornerR {color: #fff; font-size: 70%; font-weight: bold; 

background-color: #222; background-image: url('images/cellpic3.png'); height: 32px; }


td.row3Right,td.spaceRow { background-color: #1F1F1F; border: #FFFFFF; border-style: solid; }


th.thHead,td.catHead { font-size: 11px; border-width: 0px; }

th.thSides,td.catSides,td.spaceRow	{ border-width: 0px; }

th.thRight,td.catRight,td.row3Right	{ border-width: 0px; }

th.thLeft,td.catLeft { border-width: 0px; }

th.thBottom,td.catBottom { border-width: 0px; }

th.thTop { border-width: 0px; }

th.thCornerL { border-width: 0px; }

th.thCornerR { border-width: 0px; }


/* The largest text used in the index page title and toptic title etc. */

.maintitle {

font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;

text-decoration: none; line-height : 120%; color : #cccccc;

}


/* General text */

.gen { font-size : 10px; }

.genmed { font-size : 10px; }

.gen,.genmed,.gensmall { color : #cccccc;font-size : 11px; }

a.gen,a.genmed,a.gensmall { color: #0F719F; text-decoration: none; }

a.gen:hover,a.genmed:hover,a.gensmall:hover	{ color: #0075AF; text-decoration: underline; }

a.autor, a.autor:hover {color: #efefef; text-decoration: none;}


/* The register, login, search etc links at the top of the page */

.mainmenu { font-size : 10px; color : #cccccc; }

a.mainmenu { text-decoration: none; color : #0F719F; }

a.mainmenu:hover	{ text-decoration: underline; color : #0075AF; }


/* Forum category titles */

.cattitle { font-weight: bold; font-size: 11px ; letter-spacing: 1px; color : #343434;}

a.cattitle { text-decoration: none; color : #343434; }

a.cattitle:hover	{ text-decoration: underline; }


/* Forum title: Text and link to the forums used in: index.php */

.forumlink { font-weight: bold; font-size: 12px; color : #057bbe; }

a.forumlink { text-decoration: none; color : #eaebeb; padding-left:8px; }

a.forumlink:hover	{ text-decoration: underline; color : #0F719F; }


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */

.nav { font-weight: bold; font-size: 11px; color : #cccccc;}

a.nav	{ text-decoration: none; color : #006699; }

a.nav:hover	{ text-decoration: underline; }


/* titles for the topics: could specify viewed link colour too */

.topictitle,h1,h2	{ font-weight: bold; font-size: 11px; color : #cccccc; }

a.topictitle:link	{ text-decoration: none; color : #006699; }

a.topictitle:visited	{ text-decoration: none; color : #5493B4; }

a.topictitle:hover	{ text-decoration: underline; color : #0075AF; }


/* Name of poster in viewmsg.php and viewtopic.php and other places */

.name { font-size : 11px; color : #cccccc; text-decoration: none;}


/* Location, number of posts, post date etc */

.postdetails { font-size : 10px; color : #cccccc; }


/* The content of the posts (body of text) */

.postbody { font-size : 12px; line-height: 18px; }

a.postlink:link	{ text-decoration: none; color : #006699; }

a.postlink:visited	{ text-decoration: none; color : #5493B4; }

a.postlink:hover	{ text-decoration: underline; color : #0075AF; }


/* Quote & Code blocks */

.code {

font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #dfdfdf;

background-color:	#2F2F2F; border: #1F1F1F; border-style: solid;

border-left-width:	1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;

}


.quote {

font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #dfdfdf; line-height: 125%;

background-color:	#2F2F2F; border: #1F1F1F; border-style: solid;

border-left-width:	1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px;

}


/* Copyright and bottom info */

.copyright { font-size : 10px; color: #dfdfdf; font-family: Verdana, Arial, Helvetica, sans-serif; }

a.copyright { text-decoration: none; color : #dfdfdf; }

a.copyright:hover	{ text-decoration: underline; color : #0075AF; }


/* Form elements */


form { margin: 0; }

form { display: inline; }


input,textarea, select {

color : #cccccc;

font: normal 11px Verdana, Arial, Helvetica, sans-serif;

background-color : #1D1D1F; border: 1px solid #4F4F4F;

}


/* The text input fields background colour */

input.post, textarea.post, select { background-color : #1D1D1F; border: 1px solid #4F4F4F; }

input.post2, textarea.post2, select	{ background-color : #1D1D1F; border: 1px solid #4F4F4F; }

input { text-indent : 2px; }


/* The buttons used for bbCode styling in message post */

input.button {

background-color : #1D1D1F; border: 1px solid #4F4F4F;

color : #cccccc;

font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;

cursor: pointer;


}


/* The main submit button option */

input.mainoption {

background-color : #1D1D1F; border: 1px solid #4F4F4F;

font-weight: bold;

cursor: pointer;

}


/* None-bold submit button */

input.liteoption {

background-color : #1D1D1F; border: 1px solid #4F4F4F;

font-weight: normal;

cursor: pointer;

}


/* This is the line in the posting page which shows the rollover

	help line. This is actually a text box, but if set to be the same

	colour as the background no one will know ;)

*/

.helpline { background-color: #1F1F1F; border-style: none; }


/* Highlight bad words for moderators instead of censoring them */

span.badwordhighlight { background-color: #FFFF00; }


.topbkg { background: #dbe3ee url(images/cellpic_bkg.jpg) repeat-x }

.topnav { font-size:10px;background: #e5ebf3 url(images/cellpic_nav.gif) repeat-x;color:#0075AF;

height: 21px; white-space: nowrap; text-align: center; border: 0px solid #91a0ae; border-width: 1px 0 1px 0; }


.pm { font-size: 11px; text-decoration: none; color: #FF0000; } 


.table0

{

	background-color : #222;

	border-bottom-color : #2F2F2F;

	border-bottom-style : dashed;

	border-bottom-width : 1px;



	border-top-color : #b5b5b5;

	border-top-style : solid;

	border-top-width : 0px;

	color : #cccccc;

	font-size : 10px;

}


.pagination {

	color: #666;

	font-size: 10px;

	font-weight: bold;

	padding: 3px;

    padding-bottom: 4px;

	cursor: pointer;

	text-decoration: none;

}

.pagination a, .pagination a:visited, .pagination a:active {

	background-color: #EAEBEB;

	color: #000;

	border-color: #D4D7DA;

	border: #D4D7DA 1px solid;

	padding: 1px;

	text-decoration: none;

}

.pagination a:hover {

	background-color: #FFF;

	color: #666;

	border-color: #EAECEF;

	border: #EAECEF 1px solid;

	text-decoration: none;

	padding: 1px;

}

Jak zmienić kolor tekstu z szarego na biały ?


(pain3hp) #2

nie chce mi sie szukać ale tekst to

color: #wartość;

(Damgora) #3

a tło strony (body) opisane jest tu

background: url(images/bg.png) #000 repeat;

więc prawdopodobnie musisz zmienić obrazek w images/bg.png


(96jasio96) #4

Przepraszam szanownych kolegów ,ale chodziło tutaj o zmiane koloru czcionki ;(

P.S : Może to się przyda : http://cmsstyle.pl/zmiana-koloru-tekstu-vt3258.htm :wink: