Goedenacht :)
Forumversie: Powered by SMF 1.1.2 | SMF © 2006-2007, Simple Machines LLC
Ik heb zelf een thema gemaakt voor mijn forum.
Dat heb ik gedaan door een kopie van een al bestaand thema te bewerken.
So far so good, thema geupload, alles werkt prima behalve 1 ding...
Bij alle sticky topics klopt er iets niet bij de weergave op de topiclijst.
Achter elk topic staat hoeveel reacties er zijn en hoeveel keer het gelezen is.
Maar bij de sticky topics vult de borderkleur de cellen, ook de tekstkleur in die cellen is anders.
Het gekke is dat het alleen bij de stickies is, niet bij de andere topics.
Ik heb alleen in de style.css gezeten, heb alle kleuren en borders etc. al veranderd maar geen resultaat.
Dit is de style.css, de bordercolor waar het om gaat is #D078FF (paars), en de achtergrondkleur van de cellen die nu #D078FF zijn, zou #CEE69C moeten zijn, lichtgroen zoals de andere.
De letterkleur in de paarse cellen zijn #404040 (grijs), terwijl dat #DB0D36 (soort rood) zou moeten zijn, net zoals bij de rest.
/* Normal, standard links. */
a:link
{
color: #6D9439;
text-decoration: none;
}
a:visited, a:hover
{
color: #6D9439;
text-decoration: none;
}
/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #6D9439;
text-decoration: none;
}
a.nav:hover
{
font-weight: bold;
color: #D078FF;
text-decoration: underline;
}
/* Tables should show empty cells. */
table
{
empty-cells: show;
}
/* By default (td, body..) use Verdana in black. */
body, td
{
color: #404040;
font-size: small;
font-family: verdana, arial, helvetica, serif;
}
/* The main body of the entire forum. */
body
{
background-color: #C6E685;
margin: 0px;
padding: 0px;
}
/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
font-size: 10pt;
color: #993399;
background-color: #EBFEBC;
font-family: verdana, arial, helvetica, serif;
}
/* All input elements that are checkboxes or radio buttons. */
input.check
{
}
/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
font-size: 10pt;
font-weight: normal;
color: #DB0D36;
background-color: #CEE69C;
font-family: verdana, arial, helvetica, serif;
}
/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
height: 2px;
border: 0;
color: #6D9439;
background-color: transparent;
}
/* A quote, perhaps from another post. */
.quote
{
color: #993399;
background-color: #DEF7AB;
border: 1px solid #000000;
margin: 1px;
padding: 1px;
font-size: x-small;
}
/* A code block - maybe even PHP ;). */
.code
{
color: #000000;
background-color: #cccccc;
border: 1px solid #000000;
padding: 1px;
font-family: "courier new", helvetica, "times new roman", serif;
font-size: x-small;
width: 99%;
margin: 1px auto 1px auto;
white-space: nowrap;
overflow: auto;
}
/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
color: #993399;
text-decoration: none;
font-style: normal;
font-weight: bold;
font-size: x-small;
}
/* Generally, those [?] icons. This makes your cursor a help icon. */
.help
{
cursor: help;
}
/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
color: red;
}
/* The main post box - this makes it as wide as possible. */
.editor
{
width: 96%;
}
/* Highlighted text - such as search results ;). */
.highlight
{
background-color: yellow;
font-weight: bold;
color: black;
}
/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #DB0D36;
background-color: #CEE69C;
}
.windowbg2
{
color: #993399;
background-color: #C6E685;
}
/* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
}
/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg td, .titlebg a:link, .titlebg a:visited
{
color: white;
font-style: normal;
background-color: #A577D2;
}
.titlebg a:hover
{
color: #FFFF00;
}
/* This is used for categories, page indexes, and several other areas in the forum. */
.catbg, .catbg3
{
background-image: url(images/catbg.jpg);
background-color: #DB0D36;
}
/* This is used for a category that has new posts in it... to make it light up. */
.catbg2
{
background-image: url(images/catbg2.jpg);
background-color: #D078FF;
}
.catbg, .catbg2, .catbg3
{
font-weight: normal;
background-color: #CEE69C;
color: #993399;
}
/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
background-color: #D078FF;
}
/* This is used on tables that should just have a border around them. */
.tborder
{
border: 1px solid #D078FF;
background-color: #6D9439;
padding: 0px;
}
/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.verysmalltext
{
font-size: xx-small;
font-family: verdana, Tahoma, arial, helvetica, serif;
}
.smalltext
{
font-size: x-small;
font-family: verdana, Tahoma, arial, helvetica, serif;
}
.normaltext
{
font-size: small;
}
.largetext
{
font-size: large;
}
/* This is the white header area where the title, menu bars, and header boxes are. */
#headerarea
{
background-color: #C6E685;
border-bottom: 1px solid gray;
}
/* This is the main area of the forum, the part that's gray. */
#bodyarea
{
background-color: #C6E685;
}
/* And this is the bottom, where the copyright is, etc. */
#footerarea
{
color: #6D9439;
background-color: #C6E685;
border-top: 1px solid gray;
}
/* This is for the special header boxes on the top (user info, key stats, news box.) */
.headertitles
{
background-color: #6D9439;
border: 1px solid #993399;
}
.headerbodies
{
border: 1px solid #7A7777;
background-color: #C6E685;
background-repeat: repeat-x;
background-position: bottom;
}
.who_windowbg
{
color: #DB0D36;
background-color: #CEE69C;
}
a img{
border: 0;
}
/* The AJAX notifier */
#ajax_in_progress
{
background: #32CD32;
color: white;
text-align: center;
font-weight: bold;
font-size: 18pt;
padding: 3px;
width: 100%;
position: fixed;
top: 0;
left: 0;
}
Het forum is alleen toegankelijk voor leden, dus om het te verduidelijken hier een screenshot:
Hoop dat iemand me kan helpen, heel erg bedankt!
Zo veel gelezen en helemaal niemand enig idee...? :'(
Ik heb nu nog meer skins gemaakt en allemaal hebben ze hetzelfde probleem...
Heb niet alles gelezen (helaas te weinig tijd) ;)
Maar heeft deze niet toevallig de zelfde Class ID in je template? Verander deze dan en definieer deze dan in je Css.
Dank je, ik ben blij dat ik een antwoord heb! :D
Maar zou je iets specifieker kunnen zijn?
In welk template staat de Class ID, en waar in de css defenieer ik dat?
Misschien kun je een stukje code plaatsen en het even in rood aangeven bv?
(Dan kan ik gaan kijken als de melding: "Sorry, SMF was unable to connect to the database. This may be caused by the server being busy. Please try again later." weg is. Die melding krijg ik tig maal per dag, heb net de host aangeschreven.)
Sorry... maar ik heb geen tijd om me te verdiepen in jouw template. (ben druk met klussen hier)
Tip Download de web developer toolbar voor firefox. Hier mee kun je zien welke Class id het gaat. Deze kun je vervolgens op zoeken in je template. Andere naam geven. En een aparte css maken voor deze class. (copy past van de oude, maak de wijziging die je wenst) Zo heb ik enkele problemen hiermee opgelost.
Ik had hetzelfde.
ik heb het als volgt opgelost.
In de style.css het volgende opzoeken
/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #000000;
background-color: #f5efec;
}
.windowbg2
{
color: #000000;
background-color: #f8f1ec;
}
.windowbg3
{
color: #000000;
background-color: #F8E7DD;
In dit geval moet ik de background-color van .windowbg3 aanpassen. Ik heb het als proef op knalrood gezet zodat ik duidelijk het verschil kon zien en dat was overduidelijk. Daarna het rode weer vervangen door de juiste code en je style.css updaten.