Thread subject: pHpFusion Nederlands (BE|NL) » Ondersteuning, Themas, Infusies, Modificaties en Installatie :: CSS aanpassen

Posted by ivoht on 04 januari 2009, 21:10
#1
Ik wil graag de kleur van de links in het menu en de tekst kleur van alle pagina;s aanpassen.
Dit is nu een soort grijs.

Waar in de CSS zit dit nu preceis?

tevens heb ik een code hier onderaan toegevoegd voor een grkleurde scrollbar, maar die werkt niet? :S


Code

/* Comment element properties */



a {

   color: #04688d;

   text-decoration: none;

}



a:hover {

   color: #04688d;

   text-decoration: underline;

}



a.side {

   color: #555;

   text-decoration: none;

}



a:hover.side {

   color: #f6a504;

   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: #000;

   background: #fff;

   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: #04688d;

}



.spacer {

   margin-bottom: 5px;

}



.admin-message {

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

   font-size: 11px;

   text-align: center;

   color: #555;

   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: #f6a504;

   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: #555;

   background-color: #f8f8f8;

   border: 1px solid #ccc;

}



/* Header and footer properties */



.sub-header {

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

   font-size: 10px;

   color: #fff;

   background-color: #555;

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

   padding: 7px 5px 8px 5px;

}



.sub-header-left {

   width: 3px;

   height: 28px;

   background-color: #555;

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

}



.sub-header-right {

   width: 3px;

   height: 28px;

   background-color: #555;

   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: #fff;

   padding: 5px 0 10px 0;

}



.main-footer {

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

   font-size: 10px;

   color: #555;

   background-color: #fff;

   padding: 5px;

}



.bottom-footer {

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

   font-size: 10px;

   color: #fff;

   background-color: #555;

   padding: 4px 4px 5px 4px;

}



.main-body {

   font-size: 11px;

   color: #555;

   background-color: #fff;

   border: 1px solid #ddd;

   padding: 4px;

}



/* Side-Panel properties */





.side-left .side-border-right {display: none;}

.side-right .side-border-left {display: none;}



.side-border-left {

   color: #777;

   background-color: #fff;

   padding: 10px 10px 10px 0;

   width: 175px;

}



.side-border-right {

   color: #777;

   background-color: #fff;

   padding: 10px 0 10px 10px;

   width: 175px;

}



.scapmain {

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

   font-size: 10px;

   font-weight: normal;

   color: #fff;

   background-color: #555;

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

  background-repeat: repeat-x;

   padding: 6px 4px 6px 4px;

}



.scapmain-left {

   width: 3px;

   height: 24px;

   background-color: #555;

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

}



.scapmain-right {

   width: 3px;

   height: 24px;

   background-color: #555;

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

}



.side-body {

   font-size: 10px;

   color: #555;

   background-color: #fff;

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

  background-repeat: repeat-x;

   border: 1px solid #ddd;

   padding: 4px;

}



/* Center-Panel properties */



.news-category {

   border: 0;

   margin: 3px 5px 0 0;

   float: left;

}



.news-footer {

   font-size: 10px;

   color: #555;

   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: 11px;

   font-weight: bold;

   color: #fff;

   background-color: #555;

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

  background-repeat: repeat-x;

   padding: 6px 4px 6px 4px;

}



.capmain-left {

   width: 3px;

   height: 25px;

   background-color: #555;

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

}



.capmain-right {

   width: 3px;

   height: 25px;

   background-color: #555;

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

}



.main-bg {

   color: #555;

   background-color: #fff;

   padding: 10px 0 5px 0;

}



/* General table properties */



.center {

   margin: 0 auto;

}



.tbl-border {

   border: 1px solid #e1e1e1;

}



.tbl {

   font-size: 11px;

   color: #555;

   background-color: #fff;

   padding: 4px;

}



.tbl1 {

   font-size: 11px;

   color: #555;

   background-color: #fff;

   padding: 4px;

}



.tbl2 {

   font-size: 11px;

   color: #555;

   background-color: #f1f1f1;

   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;

   background-color: #f1f1f1;

   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;

}



table.awec_calendar th {      /* table head: dag van de week */

   font-weight: bold;

}

table.awec_calendar td.current {   /* vandaag */

   border: 2px solid #752029;

}

table.awec_calendar td.content {   /* dagen met evenementen */

   background-color: #752029;

   font-weight: bold;

}



/* analogous for the list view except it is using rows instead of cells */

table.awec_list tr.odd {

   background-color: green;

}

table.awec_list tr.even {

   background-color: red;

}

table.awec_list tr.current {

   background-color: yellow;

}





{

scrollbar-face-color: #752029;

scrollbar-shadow-color: #ffffff; 

scrollbar-highlight-color: #ffffff;

scrollbar-3dlight-color: #752029; 

scrollbar-darkshadow-color: #752029;

scrollbar-track-color: #ffffff; 

scrollbar-arrow-color: #ffffff;

}
Edited by ivoht on 04 januari 2009, 21:50

Posted by Jelle on 04 januari 2009, 23:44
#2
Bij a.xxx kan je de tekst opmaak vinden.

Gekleurde scrollbalk in FF werkt niet, wel in IE.

Posted by ivoht on 05 januari 2009, 10:47
#3
ik gebruik IE, dus raar dat het niet werkt bij me
normaal werkt die code wel altijd bij mijn sites

Posted by Puma on 05 januari 2009, 10:51
#4
Als je je scrollbar een kleurtje wil geven dmv een javascriptje dan zit de kans er dik in dat deze alleen in IE zal werken.
Jammer genoeg werken niet alle javascripts in firefox,zelfs niet als javascript is ingeschakeld in de FF browersopties.

Posted by ivoht on 05 januari 2009, 12:50
#5
dus?? ik gebruik toch ook IE ipv FF
mijn script staat gewoon in de style sheet.

Posted by Jelle on 05 januari 2009, 14:59
#6
Vooruit dan, vervag je code die je bij de 'body' hebt staan dooe onderstaande code. Dan moet het werken in IE.
Code



body {

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

   font-size: 11px;

   color: #000;

   background: #fff;

   margin: 5px;

   SCROLLBAR-FACE-COLOR: #752029;

   SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;

   SCROLLBAR-SHADOW-COLOR: #ffffff;

   SCROLLBAR-3DLIGHT-COLOR: #752029;

   SCROLLBAR-ARROW-COLOR: #ffffff;

   SCROLLBAR-TRACK-COLOR: #ffffff;

   SCROLLBAR-DARKSHADOW-COLOR: #752029;

   BACKGROUND-COLOR: #752029;

}

Posted by ivoht on 05 januari 2009, 16:39
#7
maw woorden alleen de body toevoegen ? dan zat ik toch zeer warm

Posted by Jelle on 05 januari 2009, 16:46
#8
body staat er al in (bovenaan), maar je had de scrollbalk definities apart onderaan geplaatst.
Deze moeten bij elkaar staan.

Posted by ivoht on 05 januari 2009, 16:58
#9
kijk! scrollbalk dient dus altijd bij de body meegenomen te worden
weer wat geleerd! thanks

Posted by ivoht on 05 januari 2009, 21:35
#10
bijna werkt de scrollbar!!
in de shout box staat wel al de scrollbalk die ik wil
echter de "grote"index pagina heb ik nog de standaard scrollbalk.

zou ik soms de maincore moeten aanpassen??
Edited by ivoht on 05 januari 2009, 21:51

Posted by ivoht on 06 januari 2009, 23:10
#11
Volgens mij lukt t als ik de index.php aanpas
maar jhoe codeer ik dit dan want onderstaande werkt ni :S

Code


/*-------------------------------------------------------+

| PHP-Fusion Content Management System

| Copyright (C) 2002 - 2008 Nick Jones

| http://www.php-fusion.co.uk/

+--------------------------------------------------------+

| Filename: index.php

| Author: Nick Jones (Digitanium)

+--------------------------------------------------------+

| This program is released as free software under the

| Affero GPL license. You can redistribute it and/or

| modify it under the terms of this license which you

| can read by viewing the included agpl.txt or online

| at www.gnu.org/licenses/agpl.html. Removal of this

| copyright header is strictly prohibited without

| written permission from the original author(s).

+--------------------------------------------------------*/

require_once "maincore.php";

else if (file_exists(THEMES.$theme."/theme.php") && file_exists(THEMES.$theme."/styles.css"))

redirect($settings['opening_page']);

?>