Gränser mellan inläggen

Linuzzzz · Inlägg av **Linuzzzz** » 2006-07-01 13:23

Vissa av mina medlemmar tycker att det är väldigt svårläst. Dem tycker att det skulle vara bättre om det var en tydlig avgränsare mellan inläggen. Just nu så har jag en linje mellan inläggen. Det jag vill är att vartannat inlägg ska ha en lite mörkare nyans så att inläggen skiljer sig från varandra.

Kolla hur det ser ut nu: http://www.gnrsweden.com/forum/

Säg vilken fil som jag ska ladda upp så fixar jag det.

/Linus, gnrsweden.com

Inlägg av **PazZze** » 2006-07-01 14:56

/templates/cleanLegacy/cleanLegacy.css

jag hittade inte ngt direkt ställe som det kunde vara... så du får hitta det själv:

öppna filen ovan, och hitta alla border och prova att ändra det värdet, på ett ställe i taget!!! till typ 30px så lär du hitta vilken av inställnignarna som gör så att linjen blir större...
dvs. du tar och hittar första värdet som det tex. står "border: 1px;" då ändrar du 1:an till 30 och sen laddar du upp filen och kollar om det blev förändring på rätt ställe... om det var rätt så gör du som nedan, annars så återställer du det värdet, och hittar nästa ställe där det står border.

sen när du hittat linjen, ta och ändra värdet till 3->10px det borde vara lagom

Linuzzzz · Inlägg av **Linuzzzz** » 2006-07-01 15:17

Oj... Lät krångligt.

Kan ju försöka, om de inte funkar så skickar jag ett PM till dig med koden.

Edit: Testade alla men det verkade inte funka... Du har PM.

Linuzzzz · Inlägg av **Linuzzzz** » 2006-07-02 22:39

Happ...

Någon som vet hur man får vartannat inlägg i en mörkare nyans?

Inlägg av **Holger** » 2006-07-03 08:32

Det är lite mer avancerat.
Kanske Kail kan svara på det.
Det måste kodas, så att det alternerar. Titta på viewtopic_body.tpl i subSilver så kanske du får ett uppslag.

Linuzzzz · Inlägg av **Linuzzzz** » 2006-07-03 19:52

Kollade lite i den filen och sökte efter färgkodeerna som är i inläggen. Fanns inget i den filen.

Skickade Kail ett PM för två dagar sen typ, har inte fått svar än. Fortsätter att prova lite tills han svarar. =)

Inlägg av **Holger** » 2006-07-03 20:12

Nja, det är CSSen som styr färgningen, alltså class i detta sammanhang:

Kod: Markera allt

<td width="150" align="left" valign="top" class="{postrow.ROW_CLASS}">

Som du ser är det en variabel, nämligen {postrow.ROW_CLASS}. Den får ett annat värde (från viewtopic.php eller så) varje gång inläggen i tråden alternerar.
Men som sagt: det finns det säkert andra som är bättre på här ...

Du kan i och för sig använda just den variablen.
Sedan ställer du in de två färger du vill ha i CSSen.

Linuzzzz · Inlägg av **Linuzzzz** » 2006-07-03 20:35

Haha. Får ingen rodning på det så jag får hoppas att Kail kan hjälpa mig. =)

Inlägg av **Holger** » 2006-07-03 22:17

Lägg upp din viewtopic_body.tpl här ...

Linuzzzz · Inlägg av **Linuzzzz** » 2006-07-03 22:22

Visst. Kom gärna med förslag på förbättringar också. Haha.

Kod: Markera allt

<style type="text/css">
<!--
.style1 {font-size: 9px}
.style2 {	font-size: 11px;
	font-style: italic;
}
-->
</style>

<table width="100%" cellspacing="2" cellpadding="2" border="0">
<tr>
<td align="left" valign="bottom" colspan="2"><a class="maintitle" href="{U_VIEW_TOPIC}"><span class="topictitle1">{TOPIC_TITLE}</span></a><br />
<span class="gen2"><a href="{U_VIEW_OLDER_TOPIC}" >{L_VIEW_PREVIOUS_TOPIC}</a> - <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a></span><br /><br />
<span class="topictitle1">Tillbaka till: <a href="{U_VIEW_FORUM}" class="maintitle">{FORUM_NAME}</a></span></td>
</tr>
</table>

<table width="100%" cellspacing="2" cellpadding="2" border="0">
<tr>
<td align="right" valign="bottom" nowrap="nowrap"><span class="nav"><a href="{U_POST_NEW_TOPIC}"><img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" align="middle" /></a>&nbsp;&nbsp;&nbsp;<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" border="0" alt="{L_POST_REPLY_TOPIC}" align="middle" /></a></span></td>
</tr>
</table>

<table class="forumborder" width="100%" cellspacing="1" cellpadding="3" border="0">
{POLL_DISPLAY}

<!-- BEGIN postrow -->
<tr width="100%">
<td width="100%">
<hr align="left" width="100%"></td>
</tr>
<tr width="100%">
<td width="100%" height="78" align="left" valign="left" class="{postrow.ROW_CLASS}">
  <div align="left">
    <table width="91%">
      <tr width="100%">
        <td width="10%" valign="left">
          <div align="left"><a name="{postrow.U_POST_ID}"></a>{postrow.POSTER_AVATAR}</div></td>
    
<td width="10%" align="left" valign="left" class="{postrow.ROW_CLASS}"><div align="left"><b>{postrow.POSTER_NAME}<br />
  </b><span class="posterrank"><span class="style2">{postrow.POSTER_RANK}</span><br />
    </span><br />
  <span class="style1">{postrow.POSTER_FROM} <br />
      </span></div></td>
    
<td width="30%" class="{postrow.ROW_CLASS}" align="left" valign="left"><div align="left"><span class="postbottom">{postrow.PROFILE_IMG} {postrow.PM_IMG}  {postrow.WWW_IMG}    </span></div></td>
        <th width="27%" class="style1" scope="row"><div align="right">{L_POSTED}: {postrow.POST_DATE}</div></th>
      </tr>
    </table>
  </div></td>
</tr>

<tr>
<td class="{postrow.ROW_CLASS}" align="left" valign="middle">
<table>
<tr>
<td valign="top">
<div class="gen2">{postrow.MESSAGE} {postrow.EDITED_MESSAGE}<br /></span>{postrow.ATTACHMENTS}<span class="postbody">{postrow.SIGNATURE}</div></td>
</tr>
</table></td>
</tr>

<tr>
<td class="{postrow.ROW_CLASS}" align="right" valign="top">
{postrow.QUOTE_IMG} {postrow.EDIT_IMG} {postrow.DELETE_IMG} {postrow.IP_IMG}</td>
</tr>

<tr height="30">
<td height="30"></td>
</tr>

<!-- END postrow -->
<tr align="right">
<td class="menu" colspan="2" height="28"><table cellspacing="0" cellpadding="0" border="0">
<tr><form method="post" action="{S_POST_DAYS_ACTION}">
<td align="right" class="menu"><span class="gensmall">{L_DISPLAY_POSTS}: {S_SELECT_POST_DAYS}&nbsp;{S_SELECT_POST_ORDER}&nbsp;<input type="submit" value="{L_GO}" class="liteoption" name="submit" /></span></td>
</form></tr>
</table></td>
</tr>
</table>

<table width="100%" cellspacing="2" cellpadding="2" border="0" align="center">
<tr>

<td align="left" valign="top" nowrap="nowrap"><span class="gensmall">{S_TIMEZONE}</span>
<td align="right" valign="middle" nowrap="nowrap"><span class="nav"><a href="{U_POST_NEW_TOPIC}"><img src="{POST_IMG}" border="0" alt="{L_POST_NEW_TOPIC}" align="middle" /></a>&nbsp;&nbsp;&nbsp;<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" border="0" alt="{L_POST_REPLY_TOPIC}" align="middle" /></a></span></td>
</td>
</tr>
<tr>
<td align="left" colspan="3"><span class="gen2">{PAGE_NUMBER}<br />{PAGINATION}</span></td>
</tr>
</table>

<table width="100%" cellspacing="2" border="0" align="center">
<tr>
<td width="40%" valign="top" nowrap="nowrap" align="left"><span class="gensmall">{S_WATCH_TOPIC}</span><br />
&nbsp;<br />
{S_TOPIC_ADMIN}</td>
<td align="right" valign="top" nowrap="nowrap">{JUMPBOX}<span class="gensmall">{S_AUTH_LIST}</span></td>
</tr>
</table>

Inlägg av **Holger** » 2006-07-04 09:58

Jag ser att denna redan finns i din TPL-fil. Alltså måste det vara möjligt att definera två olika färger.

Lägg upp din CSS-fil!

Linuzzzz · Inlägg av **Linuzzzz** » 2006-07-06 02:00

Visst.

Kod: Markera allt

html {
        width: 100%;
        }
body {
        background-color: #C6C2B3;
        color: #333333;
        font-family: Verdana, , Arial, sans-serif;
        margin: 0px 0px 0px 0px;
        width: 100%;
        text-align: center;
        }
.gen {
        font-size : 12px;
        }
.gen2 {
        font-size: 11px;
        font-family: sans-serif, Arial;
        }
.genmed {
        font-size : 12px;
        }
.gensmall {
        font-size : 11px;
        }
.gen,.genmed,.gensmall {
        color : #000000;
        }
a.gen,a.genmed,a.gensmall {
        color: #006699; text-decoration: none;
        }
a.gen:hover,a.genmed:hover,a.gensmall:hover {
         color: #DD6900; text-decoration: underline;
         }
a:link,a:active,a:visited {
        color: #555555;
        }
a:hover {
        color: #000000;
        }
span.info {
        font-size: 11px;
        color: #000000;
        }
span.small {
        font-size: 11px;
        }
span.postinfo {
        font-size: 12px;
        color: #333333;
        }
a.nav {
        color: #333333;
        font-size: 12px;
        }
a.noonline {
        text-decoration: none;
        }
.cattitle {
        color: #333333;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 2px;
        font-family: Verdana, , Arial, sans-serif;
        }
div.small {
        font-size: 11px;
        }
div.pm {
        font-size: 10px;
        position: left;
        text-align: left;
        text-indent: 10px;
        font-family: Verdana, sans-serif;
        }
table.forumborder {
        border: solid;
        border-width: 0px;
        border-color: #555555;
        }
td.small {
        font-size: 12px;
        color: #FFFFFF;
        background-color: #5092e4;
        padding: 5px;
        text-transform: uppercase;
        word-spacing: 5px;
        }
td.small a {
	color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    }

td.small a:hover {
	color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    }

td.info {
        font-size: 10px;
        color: #000000;
        }
td.title {
        background-color: #4986d1;
        width: 100%;
        color: #333333;
        height: 100px;
        }
td.title2 {
        background-color: #000000;
        width: 100%;
        color: #333333;
        height: 100px;
        }
td.menu {
        background-color: #f7f7f7;
        width: 100%;
        height: 25px;
        color: #555555;
        font-size: 12px;
        font-family: sans-serif;
        }
td.subtitle {
        width: 100%;
        height: 15px;
        color: #FFFFFF;
        font-size: 12px;
        font-family: sans-serif;
        }
td.mnu {
        background-color: #f7f7f7;
        height: 2px;
        }
td.forumtitle {
        background-color: #FFFFFF;
        color: #333333;
        font-size: 10px;
        font-family: sans-serif;
        }
td.row1 {
        background-color: #f7f7f7;
        font-family: sans-serif;
        font-size: 12px;
        }
td.row2 {
        background-color: #f7f7f7;
        font-family: sans-serif;
        font-size: 12px;
        }
td.row3 {
        background-color: #f7f7f7;
        font-family: sans-serif;
        font-size: 12px;.
        }
td.icon {
        background-color: #EFEFEF;
        font-family: sans-serif;
        }
td.rowtitles {
        background-color: #f7f7f7;
        color: #555555;
        font-size: 11px;
        font-family: sans-serif;
        }
th.forumtitle {
        background-color: #FFFFFF;
        color: #333333;
        font-size: 10px;
        font-family: sans-serif;
        }
th.menu {
        background-color: #f7f7f7;
        height: 25px;
        color: #555555;
        font-size: 12px;
        font-family: sans-serif;
        }
span.postbody {
         font-size: 13px;
         }
.liteoption {
        border: 0px solid #000000;
        height: 20px;
        background-color: #FFFFFF;
        }
.mainoption, .button {
        border: 1px solid #333333;
        height: 20px;
        background-color: #f7f7f7;
        font-family: sans-serif;
        vertical-align: middle;
        text-align: center;
        }
.code {
        font-family: "courier new";
        font-size: 12px;
        color: #669900;
        background-color: #FFFFFF;
        border: #669900;
        border-style: solid;
        border-left-width: 1px;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
}
.quote {
        font-family: Arial;
        font-size: 11px;
        color: #333333;
        /* line-height: 125%; */
        background-color: #FFFFFF;
        border: #333333;
        border-style: solid;
        border-left-width: 1px;
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
        }
div.box1 {
        width: 200px;
        text-align: center;
        font-size: 14px;
        background-color: #EFEFEF;
        border: 1px solid #BFBFBF;
        }
table.mainwindow {
        margin-left: auto;
        margin-right: auto;
        border-left: 1px solid #333333;
        border-right: 1px solid #333333;
        background-color: #FFFFFF;
        width: 775px;
        }
.topictitle1 {
        font-size: 14px;
        font-weight: bold;
        }

Inlägg av **Holger** » 2006-07-06 08:55

Här har du samma rad-färg i alla tre fallen:

Kod: Markera allt

td.row1 { 
        background-color: #f7f7f7; 
        font-family: sans-serif; 
        font-size: 12px; 
        } 
td.row2 { 
        background-color: #f7f7f7; 
        font-family: sans-serif; 
        font-size: 12px; 
        } 
td.row3 { 
        background-color: #f7f7f7; 
        font-family: sans-serif; 
        font-size: 12px;. 
        }

Lek lite med dem så ska du se att det funkar!

Linuzzzz · Inlägg av **Linuzzzz** » 2006-07-06 12:21

Joo, där har jag redan testat lite. Men som du ser så är färgkoden: #F7F7F7. Och alla inlägg är #FFFFFF. Så det kan inte vara där. =/

Inlägg av **Holger** » 2006-07-06 12:35

Vad menar du?

CSS-en defineras på tre ställen: i ACPn, i CSS-filen och i overall_header.tpl (inte i alla templates). Har du provat att ändra alla tre ställen?

Gränser mellan inläggen

Gränser mellan inläggen

Vilka är online

Om phpBB Sverige