Algemene support omtrent algemene gebruik- en installatieproblemen.
CSS aanpassen
|
ivoht |
Geplaatst op 04 January 2009, 20:10
|
Licentie betaald
Berichten: 255
Lid sinds: 21 Dec 2008, 14:45
|
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
/* 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;
}
Gewijzigd door ivoht op 04 January 2009, 20:50
|
|
|
|
|
|
Jelle |
Geplaatst op 04 January 2009, 22:44
|
Veteraan
Berichten: 576
Lid sinds: 31 Oct 2008, 22:37
|
Bij a.xxx kan je de tekst opmaak vinden.
Gekleurde scrollbalk in FF werkt niet, wel in IE.
|
|
|
|
ivoht |
Geplaatst op 05 January 2009, 09:47
|
Licentie betaald
Berichten: 255
Lid sinds: 21 Dec 2008, 14:45
|
ik gebruik IE, dus raar dat het niet werkt bij me
normaal werkt die code wel altijd bij mijn sites |
|
|
|
Puma |
Geplaatst op 05 January 2009, 09:51
|
Senior Lid
Berichten: 324
Lid sinds: 22 Oct 2008, 20:46
|
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.
PUMA
|
|
|
|
ivoht |
Geplaatst op 05 January 2009, 11:50
|
Licentie betaald
Berichten: 255
Lid sinds: 21 Dec 2008, 14:45
|
dus?? ik gebruik toch ook IE ipv FF
mijn script staat gewoon in de style sheet. |
|
|
|
Jelle |
Geplaatst op 05 January 2009, 13:59
|
Veteraan
Berichten: 576
Lid sinds: 31 Oct 2008, 22:37
|
Vooruit dan, vervag je code die je bij de 'body' hebt staan dooe onderstaande code. Dan moet het werken in IE.
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;
}
|
|
|
|
ivoht |
Geplaatst op 05 January 2009, 15:39
|
Licentie betaald
Berichten: 255
Lid sinds: 21 Dec 2008, 14:45
|
maw woorden alleen de body toevoegen ? dan zat ik toch zeer warm |
|
|
|
Jelle |
Geplaatst op 05 January 2009, 15:46
|
Veteraan
Berichten: 576
Lid sinds: 31 Oct 2008, 22:37
|
body staat er al in (bovenaan), maar je had de scrollbalk definities apart onderaan geplaatst.
Deze moeten bij elkaar staan.
|
|
|
|
ivoht |
Geplaatst op 05 January 2009, 15:58
|
Licentie betaald
Berichten: 255
Lid sinds: 21 Dec 2008, 14:45
|
kijk! scrollbalk dient dus altijd bij de body meegenomen te worden
weer wat geleerd! thanks |
|
|
|
ivoht |
Geplaatst op 05 January 2009, 20:35
|
Licentie betaald
Berichten: 255
Lid sinds: 21 Dec 2008, 14:45
|
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??
Gewijzigd door ivoht op 05 January 2009, 20:51
|
|
|