Edycja PHP Fusion 7


(Bartoszka312) #1

Witam.

Chciałbym się dowiedzieć w jaki sposób w php fusion 7 zmienić kolor paska, pod np. newsem, który pokazuje takie dane jak: autor, data dodania, ilość komentarzy i czytań.

Proszę o pomoc!


(Mathew) #2

W katalogu thema masz plik style.css który musisz edytować.


(Bartoszka312) #3

nie bardzo wiem w którym miejscu go edytować.

oto mój plik style.css:

/* Comment element properties */


a {

	color: #FFF;

	text-decoration: none;

}


a:hover {

	color: #FFF;

	text-decoration: underline;

}


a.side {

	color: #888;

	text-decoration: none;

}


a:hover.side {

	color: #FFF;

	text-decoration: underline;

}


a.white, li.white a {

	color: #fff;

	text-decoration: none;

}


a:hover.white, li.white a:hover {

	color: #fff;

	text-decoration: underline;

}


body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #fff;

	background: #000;

	margin: 5px;

}


hr {

	height: 1px;

	border: 1px solid #eee;

}


hr.side-hr {

	height: 1px;

	border: 1px solid #eee;

}


td {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

}


pre {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

}


.alt {

	color: #FFF;

}


.spacer {

	margin-bottom: 5px;

}


.admin-message {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	text-align: center;

	color: #888;

	background-color: #f6f6f6;

	border: 1px solid #e1e1e1;

	padding: 3px 4px 5px 4px;

	margin-bottom: 5px;

}


/* Form element properties */


form {

	margin: 0px;

}


.button {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #fff;

	background-color: #000;

	background-image: url(images/button.gif);

	height: 20px;

	border: 1px solid #000;

	margin-top: 2px;

}


.bbcode {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #000;

	background-color: #eee;

	border: 1px solid #ccc;

	margin-top: 2px;

}


.textbox {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #888;

	background-color: #000;

	border: 1px solid #888;

}


/* Header and footer properties */


.sub-header {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 10px;

	color: #fff;

	background-color: #888;

	background-image: url(images/subheader-mid.gif);

	padding: 8px 5px 8px 5px;

}


.sub-header-left {

	width: 28px;

	height: 27px;

	background-color: #888;

	background-image: url(images/subheader-left.gif);

}


.sub-header-right {

	width: 28px;

	height: 37px;

	background-color: #888;

	background-image: url(images/subheader-right.gif);

}


.sub-header ul{

	margin: 0;

	padding: 0;

}


.sub-header ul li{

	display: inline;

}


.sub-header ul li.first-link .bullet{

	display: none;

}


.full-header {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #000;

	background-color: #000;

	padding: 5px 0 10px 0;

}


.main-footer {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #888;

	background-color: #000;

	padding: 5px;

}


.bottom-footer {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	color: #fff;

	background-color: #888;

	padding: 4px 4px 5px 4px;

}


.main-body {

	font-size: 10px;

	color: #888;

	background-color: #000;

	border: 1px solid #000;

	padding: 4px;

}


/* Side-Panel properties */


.side-border-left {

	color: #777;

	background-color: #000;

	padding: 10px 10px 10px 0;

	width: 175px;

}


.side-border-right {

	color: #777;

	background-color: #000;

	padding: 10px 0 10px 10px;

	width: 175px;

}


.scapmain {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	color: #FFF;

	background-color: #888;

	background-image: url(images/side.gif);

  background-repeat: repeat-x;

	padding: 6px 4px 6px 4px;

}


.scapmain-left {

	width: 28px;

	height: 37px;

	background-color: #888;

	background-image: url(images/side-left.gif);

}


.scapmain-right {

	width: 28px;

	height: 37px;

	background-color: #888;

	background-image: url(images/side-right.gif);

}


.side-body {

	font-size: 10px;

	color: #888;

	background-color: #000;

	background-image: url(images/gradient.gif);

  background-repeat: repeat-x;

	border: 1px solid #000;

	padding: 4px;

}


/* Center-Panel properties */


.news-category {

	border: 0;

	margin: 3px 5px 0 0;

	float: left;

}


.news-footer {

	font-size: 10px;

	color: #888;

	background-color: #f1f1f1;

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

	border-color: #ddd;

	border-style: solid;

	padding: 3px 4px 4px 4px;

}


.capmain {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: bold;

	color: #fff;

	background-color: #888;

	background-image: url(images/cap.gif);

  background-repeat: repeat-x;

	padding: 6px 4px 6px 4px;

}


.capmain-left {

	width: 28px;

	height: 37px;

	background-color: #888;

	background-image: url(images/cap-left.gif);

}


.capmain-right {

	width: 28px;

	height: 37px;

	background-color: #888;

	background-image: url(images/cap-right.gif);

}


.main-bg {

	color: #555;

	background-color: #000;

	padding: 10px 0 5px 0;

}


/* General table properties */


.center {

	margin: 0 auto;

}


.tbl-border {

	border: 2px solid #202020;

}


.tbl {

	font-size: 11px;

	color: #555;

	background-color: #202020;

	padding: 4px;

}


.tbl1 {

	font-size: 11px;

	color: #555;

	background-color: #202020;

	padding: 4px;

}


.tbl2 {

	font-size: 11px;

	color: #555;

	background-color: #202020;

	padding: 4px;

}


.forum-caption {

	font-size: 11px;

	font-weight: bold;

	color: #888;

	background-color: #f1f1f1;

	padding: 2px 4px 4px 4px;

}


.quote {

	font-size: 11px;

	color: #555;

	background-color: #f8f8f8;

	padding: 4px;

	margin: 0px 20px 0px 20px;

	border: 1px solid #bbb;

}


.poll {

	height: 12px;

	border: 1px solid #bbb;

}


.comment-name {

	font-weight: bold;

	color: #04688d;

}


.shoutboxname {

	font-weight: bold;

	color: #04688d;

}


.shoutbox {

	color: #777;

}


.shoutboxdate {

	font-size: 10px;

	color: #888;

}


.small {

	font-size: 10px;

	font-weight: normal;

}


.small2 {

	font-size: 10px;

	font-weight: normal;

	color: #555;

}


.side-small {

	font-size: 10px;

	font-weight: normal;

	color: #555;

}


.side-label {

	color: #555;

	margin: 2px 0 2px 0;

	padding: 2px 2px 3px 2px;

}


/* Vertical Navigation */


#navigation h2 {

	font-size: 10px;

	font-weight: normal;

	background-color: #f1f1f1;

	margin: 0;

	padding: 4px;

}


#navigation ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

}


* html #navigation ul li{

   height: 1%;

}


#navigation a {

	display: block;

	color: #555;

	padding: 2px;

	text-decoration: none;

}


#navigation a:hover {

	color: #fff;

	background-color: #f6a504;

}


/* Page Navigation */


.pagenav {

	padding: 4px;

}


.pagenav span {

	color: #fff;

	background-color: #f6a504;

	border: 1px solid #ddd;

	padding: 2px 4px 2px 4px;

	margin: 2px;

}


.pagenav a {

	color: #555;

	background-color: #f1f1f1;

	border: 1px solid #ddd;

	padding: 2px 4px 2px 4px;

	margin: 2px;

	text-decoration: none;

}


.pagenav a:hover {

	color: #fff;

	background-color: #f6a504;

	margin: 2px;

	text-decoration: none;

}

gdzie go edytować?? #-o

Dodane 14.07.2010 (Śr) 10:14

jak sie ten pasek nazywa??

Dodane 14.07.2010 (Śr) 10:33

proszę o pomoc!


(Mathew) #4

To może podaj adres strony, moja szklana kula coś się ostatnio przycina i nie pokazuje kodu strony, tak więc jestem skazany na ciebie.


(Bartoszka312) #5

ok

to strona: www.maxinfo.za.pl

widać ten pasek pod newsem


(Mathew) #6

Ten element CSS odpowiada wyświetlaniu tej belki:

.news-footer {

  background-color:#F1F1F1;

  border-bottom-color:#DDDDDD;

  border-bottom-style:solid;

  border-bottom-width:1px;

  border-left-color:#DDDDDD;

  border-left-style:solid;

  border-left-width:1px;

  border-right-color:#DDDDDD;

  border-right-style:solid;

  border-right-width:1px;

  border-top-color:#DDDDDD;

  border-top-style:solid;

  border-top-width:0;

  color:#888888;

  font-size:10px;

  padding-bottom:4px;

  padding-left:4px;

  padding-right:4px;

  padding-top:3px;

}

(Bartoszka312) #7

dzięki.

masz może jakiś spis czy jakąś strone gdzie moge znaleźć te wszystkie kolory zapisane w kodach??(np. #888)??


(Mathew) #8

Google… każdy program do obróbki grafiki.

Dobra mam dziś dobry humor:

http://www.kurshtml.boo.pl/html/wykaz_k … olory.html

http://dzone.ovh.org/pl.php/p,dodatki/g … /gen1.html

http://www.miedzyrzecz.biz/kolory/kolory.htm


(Bartoszka312) #9

którą linijke musze edytować??? #-o


(Mathew) #10

background-color:#F1F1F1;


(Bartoszka312) #11

a dlaczego jest taki cieńki biały pasek?- zobacz http://www.maxinfo.za.pl

jak to zmienić??

Dodane 14.07.2010 (Śr) 11:52

już znalazłem! !!

Dzięki za pomoc!! :smiley: