phpBB Sverige

phpBB-support, snack och diskussioner på svenska
http://phpbb.se/forum/

Gränser mellan inläggen

http://phpbb.se/forum/viewtopic.php?t=2749

Sida 1 av 2

Gränser mellan inläggen

Postat: 2006-07-01 13:23
av Linuzzzz
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

Postat: 2006-07-01 14:56
av PazZze
/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 :)

Postat: 2006-07-01 15:17
av Linuzzzz
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.

Postat: 2006-07-02 22:39
av Linuzzzz
Happ...

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

Postat: 2006-07-03 08:32
av Holger
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.

Postat: 2006-07-03 19:52
av Linuzzzz
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. =)

Postat: 2006-07-03 20:12
av Holger
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.

Postat: 2006-07-03 20:35
av Linuzzzz
Haha. Får ingen rodning på det så jag får hoppas att Kail kan hjälpa mig. =)

Postat: 2006-07-03 22:17
av Holger
Lägg upp din viewtopic_body.tpl här ...

Postat: 2006-07-03 22:22
av Linuzzzz
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>

Postat: 2006-07-04 09:58
av Holger
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!

Postat: 2006-07-06 02:00
av Linuzzzz
Visst. :D

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;
        }

Postat: 2006-07-06 08:55
av Holger
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!

Postat: 2006-07-06 12:21
av Linuzzzz
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. =/

Postat: 2006-07-06 12:35
av Holger
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?
Alla tidsangivelser är UTC+02:00 Europe/Stockholm
Sida 1 av 2

Drivs av phpBB® Forum Software © phpBB Limited

Swedish translation by phpBB Sweden © 2006-2027