Modificare cod css pentru chenar categorii
Forum gratuit: forum de suport al utilizatorilor :: Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor
Pagina 1 din 2 • Distribuiţi
Pagina 1 din 2 • 1, 2
Modificare cod css pentru chenar categorii
Buna ziua! Ma poate ajuta cineva cu niste coduri css sa modific chenarele la categorii? A-si dori sa apara in genul acestui forum http://greii.forum.st/ bineinteles culorile sa ramana cele pe care le am iar intre subcategorii sa fie o linie subtire ,iar titlul categorii sa fie pe mijloc cum am zis a0si dori sa arate ca pe acel forum. Versiunea mea este phpbb3 .Va multumesc anticipat.
Asa arata forumul meu acum dar nu imi place ca pare foarte incarcat.
Asa arata forumul meu acum dar nu imi place ca pare foarte incarcat.
Dani David- Membru activ
- Mesaje : 551
Varsta : 57
Localizare : Bucuresti
Data înscrierii : 04/06/2017
Mulțumiri : 9
Re: Modificare cod css pentru chenar categorii
Buna ziua , Acp ==> Afisare ==> Template ==> General ==> Index Box si stergeti tot si inlocuiti cu asta :
Dupa va duceti in Afisare ==> Culori ==> Foaie de stil CSS si adaugati :
- Cod:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall"><strong>{CURRENT_TIME}</strong><br />
</span>
<!-- END switch_user_logged_in -->
<strong><strong><div class="nav"><a class="nav" href="{U_INDEX}"><img src="https://i97.servimg.com/u/f97/19/56/63/62/prima-10.png" border="0" alt="" /> Index # Prima pagina</div></strong>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall"><strong><i class="fa fa-sign-in" aria-hidden="true"></i> {LAST_VISIT_DATE}</strong><a><br />
<!-- END switch_user_logged_in -->
<td>
<tr>
<table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table id="forum_list" class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<div align="left"><th colspan="4" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th></div>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr id="forumrow">
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img class="forum_icon" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50" >
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed"><div class="descriere">{catrow.forumrow.FORUM_DESC}</div></span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
<p class="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</p>
</span>
</td>
<td class="row2" align="left" valign="middle" height="45">
<div class="stats" style="width: 90px"><span class="gensmall">
<b><font color="ababab">Subiecte</font><div class="stats1">{catrow.forumrow.TOPICS}</div></b></span></div>
<div class="stats" style="width: 90px"><span class="gensmall">
<b><font color="ababab">Mesaje</font><div class="stats1">{catrow.forumrow.POSTS}</div></b></span></div>
</td>
<td class="row3 over" align="center" valign="middle">
<div class="stats"><div class="avs" style="width: 225px"><span class="gensmall"><strong> {catrow.forumrow.LAST_POST} </strong></span></div>
</div></td>
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Dupa va duceti in Afisare ==> Culori ==> Foaie de stil CSS si adaugati :
- Cod:
.main .main-head {
background: #1d1d1d url("http://i.imgur.com/2T6WMS6.png") repeat;
border-radius: 2px;
color: #fff;
text-shadow: 0px -1px 0px rgba(0,0,0,0.4);
padding: 14px;
font-size: 12px;
font-weight: normal;
font-family: Calibri,Candara,Segoe,"Segoe UI",Optima,Arial,sans-serif;
text-transform: uppercase;
border-top: 1px solid rgba(255,255,255,0.15);
border-bottom: 1px solid #cf371d;
overflow: hidden;
margin-top: 7px;
transition: text-shadow 0.5s;
}
Dani David- Membru activ
- Mesaje : 551
Varsta : 57
Localizare : Bucuresti
Data înscrierii : 04/06/2017
Mulțumiri : 9
Re: Modificare cod css pentru chenar categorii
Modifica box-ul vechi cu asta :
- Cod:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="50">{L_TOPICS}</th>
<th nowrap="nowrap" width="50">{L_POSTS}</th>
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>
<td class="row3" align="center" valign="middle" height="50"><img src="https://i39.servimg.com/u/f39/18/88/31/59/8wfodj10.png" alt="" border="0" />
<span class="gensmall"><strong><span style="color: #004165;">{catrow.forumrow.TOPICS}</span></strong></span>
</td>
<td class="row2" align="center" valign="middle" height="50"><img src="https://i39.servimg.com/u/f39/18/88/31/59/34qus510.png" alt="" border="0" />
<span class="gensmall"><strong><span style="color: #567400;">{catrow.forumrow.POSTS}</span></strong></span>
</td>
<td class="row3 over" align="center" valign="middle" height="50">
<!-- BEGIN avatar -->
<div style="width: 200px;"></div>
<span class="lastpost-avatar"><strong>{catrow.forumrow.avatar.LAST_POST_AVATAR}</strong></span>
<!-- END avatar -->
<span class="gensmall"><strong>{catrow.forumrow.LAST_POST}</strong></span>
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
Re: Modificare cod css pentru chenar categorii
Ultima editare efectuata de catre Dani David in Mier Iul 26, 2017 9:03 pm, editata de 1 ori
Dani David- Membru activ
- Mesaje : 551
Varsta : 57
Localizare : Bucuresti
Data înscrierii : 04/06/2017
Mulțumiri : 9
Re: Modificare cod css pentru chenar categorii
Salut,
Incearca aceste coduri css, poate iti va mai reglementa forumul
Incearca aceste coduri css, poate iti va mai reglementa forumul
- Cod:
.forabg {
background-position: 0 0;
background-repeat: repeat-x;
background-color: #2e2d2d;
background-image: url(http://i.imgur.com/7ZrGlq0.jpg) !important;
border: 0px solid #f7f7f7 !important;
clear: both;
margin-bottom: 10px;
padding: 0px;
}
span.corners-top {
background-image: url() !important;
background-position: 0 0;
margin: 0px;
}
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
background-repeat: no-repeat;
display: block;
font-size: 0px;
height: 0px;
line-height: 0px;
}
Re: Modificare cod css pentru chenar categorii
Nu sa schimbat nimic.deci ca sa fiu mai explicit bara albastra sa fie la fel de lata cum este in imaginea atasata doar ca nu vreau sa aiba colturi rotunjite ,celelalte laturi ale chenarului sa fie mai subtiri ,denumirea categoriei sa fie pe mijloc si scris cu alb
Asa este originalul
aici este index box original
Asa este originalul
aici este index box original
- Cod:
<ul class="linklist">
<!-- BEGIN switch_user_logged_in -->
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> • </li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a> • </li>
<!-- END switch_user_logged_in -->
<li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
<!-- BEGIN switch_user_logged_in -->
<li class="rightside"><a href="{U_MARK_READ}" accesskey="m">{L_MARK_FORUMS_READ}</a></li>
<!-- END switch_user_logged_in -->
</ul>
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="forabg">
<div class="inner"><span class="corners-top"><span></span></span>
<ul class="topiclist">
<li class="header">
<dl class="icon">
<dd class="dterm"><div class="table-title">{catrow.tablehead.L_FORUM}</div></dd>
<dd class="topics">{L_TOPICS}</dd>
<dd class="posts">{L_POSTS}</dd>
<dd class="lastpost"><span>{L_LASTPOST}</span></dd>
</dl>
</li>
</ul>
<ul class="topiclist forums">
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<li class="row">
<dl class="icon" style="background:url({catrow.forumrow.FORUM_FOLDER_IMG}) no-repeat scroll {catrow.forumrow.INC_LEVEL} 50%;">
<dd class="dterm">
<div style="display: block; margin : 0 {catrow.forumrow.INC_LEVEL_RIGHT} 0 {catrow.forumrow.INC_LEVEL_LEFT};">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a>
</h{catrow.forumrow.LEVEL}>
<br />
{catrow.forumrow.FORUM_DESC}
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
<strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
</div>
</dd>
<dd class="topics">{catrow.forumrow.TOPICS} <dfn>{L_TOPICS}</dfn></dd>
<dd class="posts">{catrow.forumrow.POSTS} <dfn>{L_POSTS}</dfn></dd>
<dd class="lastpost">
<!-- BEGIN ads -->
<span class="AD_LastPA">
<span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
<span class="AD_LastInfos">
<b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
{catrow.forumrow.ads.DATE}<br />
{catrow.forumrow.ads.LOCATION}
</span>
</span>
<!-- END ads -->
<!-- BEGIN avatar -->
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
<span>
<!-- BEGIN switch_topic_title -->
<a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
<!-- END switch_topic_title -->
{catrow.forumrow.USER_LAST_POST}
</span>
</dd>
</dl>
</li>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
</ul>
<span class="corners-bottom"><span></span></span></div>
</div>
<!-- END tablefoot -->
<!-- END catrow -->
<!-- BEGIN switch_on_index -->
<ul class="linklist">
<li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a> • </li>
<li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a> • </li>
<li class="last"><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
<!-- BEGIN switch_delete_cookies -->
<li class="rightside"><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a></li>
<!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->
Dani David- Membru activ
- Mesaje : 551
Varsta : 57
Localizare : Bucuresti
Data înscrierii : 04/06/2017
Mulțumiri : 9
Re: Modificare cod css pentru chenar categorii
Ai adaugat codurile oferite de mine ?
- Cod:
.forabg {
background-position: 0 0;
background-repeat: repeat-x;
background-color: #2e2d2d !important;
background-image: url(http://i.imgur.com/7ZrGlq0.jpg) !important;
border: 0px solid #f7f7f7 !important;
clear: both;
margin-bottom: 10px !important;
padding: 0px !important;
}
span.corners-top {
background-image: url() !important;
background-position: 0 0;
margin: 0px;
}
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
background-repeat: no-repeat;
display: block;
font-size: 0px !important;
height: 0px !important;
line-height: 0px !important;
}
Re: Modificare cod css pentru chenar categorii
Da nu sa schimbat cu nimic
Dani David- Membru activ
- Mesaje : 551
Varsta : 57
Localizare : Bucuresti
Data înscrierii : 04/06/2017
Mulțumiri : 9
Re: Modificare cod css pentru chenar categorii
Am incercat pe un forum de test merg codurile
Versiunea phpBB3
Incercati sa le amplasati in overall_header sa vedeti daca se schimba ceva
Versiunea phpBB3
Incercati sa le amplasati in overall_header sa vedeti daca se schimba ceva
- Cod:
<style>
.forabg {
background-position: 0 0;
background-repeat: repeat-x;
background-color: #2e2d2d;
background-image: url(http://i.imgur.com/7ZrGlq0.jpg) !important;
border: 0px solid #f7f7f7 !important;
clear: both;
margin-bottom: 10px;
padding: 0px;
}
span.corners-top {
background-image: url() !important;
background-position: 0 0;
margin: 0px;
}
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
background-repeat: no-repeat;
display: block;
font-size: 0px;
height: 0px;
line-height: 0px;
}
</style>
Dani David- Membru activ
- Mesaje : 551
Varsta : 57
Localizare : Bucuresti
Data înscrierii : 04/06/2017
Mulțumiri : 9
Re: Modificare cod css pentru chenar categorii
Esti pe meserie ,bravo este exact cum am dorit a functionat in overal_header,acum rugamintea mea este daca pot schimba culoarea asta e codul culorii #0c23a0 e un albastru inchis
Asa arata acum
Asa arata acum
Dani David- Membru activ
- Mesaje : 551
Varsta : 57
Localizare : Bucuresti
Data înscrierii : 04/06/2017
Mulțumiri : 9
Pagina 1 din 2 • 1, 2
Subiecte similare
» Modificare aspect categorii
» Cum pot face, sau unde gasesc un script de chenar pentru categorii si forumuri?
» Chenar elegant pentru statisticile unei categorii si ultimul mesaj ~ phpBB2
» Modificare categorii
» Modificare aspect titluri categorii
» Cum pot face, sau unde gasesc un script de chenar pentru categorii si forumuri?
» Chenar elegant pentru statisticile unei categorii si ultimul mesaj ~ phpBB2
» Modificare categorii
» Modificare aspect titluri categorii
Forum gratuit: forum de suport al utilizatorilor :: Forum de suport :: Administreaza prezentarea forumului :: Arhiva probleme privind designul forumurilor
Pagina 1 din 2
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum