WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » New posts picture under category

Goto page : 1, 2  Next

View previous topic View next topic Go down  Message [Page 1 of 2]

1 New posts picture under category on Fri Nov 26, 2010 9:13 am

gang of evil


Registered Member
Registered Member
Hi can anybody tell me how to do these new posts under category image http://i51.tinypic.com/2zrni1i.jpg i made the categories and everyth i just cant figure out that part



Last edited by gang of evil on Wed Dec 01, 2010 3:43 am; edited 1 time in total

2 Re: New posts picture under category on Fri Nov 26, 2010 4:34 pm

Unknown Data


Registered Member
Registered Member
That can be done by template editing. Smile

You either had to use punBB or phpBB2

http://www.sjovfakta.dk

3 Re: New posts picture under category on Fri Nov 26, 2010 5:00 pm

verrell123


Registered Member
Registered Member
how about PHBB2?

http://graphicholdine.forumid.net/

4 Re: New posts picture under category on Fri Nov 26, 2010 5:30 pm

Unknown Data


Registered Member
Registered Member
Unknown Data wrote:That can be done by template editing. Smile

You either had to use punBB or phpBB2

http://www.sjovfakta.dk

5 Re: New posts picture under category on Fri Nov 26, 2010 6:36 pm

Guest


Guest
thats simple:

just use this at the forum you want it to appear:

insect it to the title:

Code:
<span style="display:none;">Forum name</span>


if your forum is forumotion
ACP--> display -> Structure and Hierarchy --> show sublevel links : yes | NO | with pics ( mark the with pics one)

you have to create the 4 in 1 or more forum effect so the above things work,if you cant pm me to send you some tutorials.



Last edited by Nick on Fri Nov 26, 2010 11:52 pm; edited 1 time in total

6 Re: New posts picture under category on Fri Nov 26, 2010 7:32 pm

gang of evil


Registered Member
Registered Member
Im using a punbb version nick where do i place that in my css?

7 Re: New posts picture under category on Fri Nov 26, 2010 8:34 pm

ankillien


Administrator
Administrator
Hi,

Can you give me the current code in your index_box template?

8 Re: New posts picture under category on Fri Nov 26, 2010 8:39 pm

ArChKnIgHt


Registered Member
Registered Member
hi,

i was searching for that too

iam using PhpBB2 and Forumotion

and this is my template index_box

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>

        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>

<div class="g-search"><div align="center"><form method="get" action="http://www.google.com/search">
<div style="border:4px solid black;padding:4px;width:30em;">
<table border="0" cellpadding="0">
<tr><td>
<input type="text"  name="q" size="25"
 maxlength="255" value="" />
<input type="submit" value="Google Search" /></td></tr>
<tr><td align="center" style="font-size:100%">
<input type="checkbox"  name="sitesearch"
 value="skulls96forum.4rumer.com" checked />Search on Skulls Forums<br />
</td></tr></table>
</div></div></div>

<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="3" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="200"><div style="width:200px;">Details</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">


<!---- MODIFICATIONS MADE BY THE FRENCH SUPPORT FORUM ---->

        <h{catrow.forumrow.LEVEL} class="hierarchy">
        <div class="forum-link"><center><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></center></div>
        </h{catrow.forumrow.LEVEL}>     
<div class="forum-description">
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
</div>
<div class="forum-sousforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
        <span class="gensmall">
<!-- BEGIN switch_moderators_links -->
<div class="mod-name">
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
</div>
<!-- END switch_moderators_links -->
        </span>
      </td>
      <!-- BEGIN forum_link_no -->
      <td class="row3 over" align="center" valign="middle" height="50">
<center><div class="forum-stats-title">.Forum Stats.</div><div class="forum-stats">{catrow.forumrow.POSTS} message.<br> {catrow.forumrow.TOPICS} topic.</div><hr><div class="last-post-title">.Last Post.</div><div class="last-post">{catrow.forumrow.LAST_POST}</div></center>
      </td>

<!---- END OF MODIFICATIONS MADE BY THE FRENCH SUPPORT FORUM ---->

      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
  </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 -->

http://ultragamerz.forumotion.net/

9 Re: New posts picture under category on Fri Nov 26, 2010 8:51 pm

Guest


Guest
gang of evil wrote:Im using a punbb version nick where do i place that in my css?


thats not css,its basic html.
at the field where you write your forum title (eg "introductions","forum rules" etc) paste that code and replace "Forum name" with the name you want to appear.

*1st post updated

10 Re: New posts picture under category on Sat Nov 27, 2010 10:52 pm

gang of evil


Registered Member
Registered Member
ankillien wrote:Hi,

Can you give me the current code in your index_box template?
<div class="pun-crumbs">
<p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="main-head">
<div class="page-title">{catrow.tablehead.L_FORUM}</div>
</div>
<div class="main-content">
<table cellspacing="0" class="table">
<thead>
<tr>
<th class="tcl">{L_FORUM}</th>
<th class="tc2">{L_TOPICS}</th>
<th class="tc3">{L_POSTS}</th>
<th class="tcr">{L_LASTPOST}</th>
</tr>
</thead>
<tbody class="statused">
<!-- END tablehead -->

<!-- BEGIN forumrow -->
<tr>
<td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
<span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</span>
<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 -->
<br />
{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}
</td>
<td class="tc2">{catrow.forumrow.TOPICS}</td>
<td class="tc3">{catrow.forumrow.POSTS}</td>
<td class="tcr">{catrow.forumrow.LAST_POST}</td>
</tr>
<!-- END forumrow -->

<!-- BEGIN tablefoot -->
</tbody>
</table>
</div>
<!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
<ul>
<li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
<li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
<li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
</ul>
<!-- BEGIN switch_delete_cookies -->
<p class="right">
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
</p>
<!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->

11 Re: New posts picture under category on Sat Nov 27, 2010 10:53 pm

Guest


Guest
gang of evil wrote:
ankillien wrote:Hi,

Can you give me the current code in your index_box template?
<div class="pun-crumbs">
<p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="main-head">
<div class="page-title">{catrow.tablehead.L_FORUM}</div>
</div>
<div class="main-content">
<table cellspacing="0" class="table">
<thead>
<tr>
<th class="tcl">{L_FORUM}</th>
<th class="tc2">{L_TOPICS}</th>
<th class="tc3">{L_POSTS}</th>
<th class="tcr">{L_LASTPOST}</th>
</tr>
</thead>
<tbody class="statused">
<!-- END tablehead -->

<!-- BEGIN forumrow -->
<tr>
<td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {catrow.forumrow.INC_LEVEL_LEFT};">
<span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</span>
<h{catrow.forumrow.LEVEL} class="hierarchy"><a href="{catrow.forumrow.U_VIEWFORUM}" class="forumtitle">{catrow.forumrow.FORUM_NAME}</a></h{catrow.forumrow.LEVEL}>


{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}
</td>
<td class="tc2">{catrow.forumrow.TOPICS}</td>
<td class="tc3">{catrow.forumrow.POSTS}</td>
<td class="tcr">{catrow.forumrow.LAST_POST}</td>
</tr>
<!-- END forumrow -->

<!-- BEGIN tablefoot -->
</tbody>
</table>
</div>
<!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
<ul>
<li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
<li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
<li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
</ul>
<!-- BEGIN switch_delete_cookies -->
<p class="right">
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
</p>
<!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->


did you try what i told you or are you going to choose the hard way?

12 Re: New posts picture under category on Sat Nov 27, 2010 10:55 pm

gang of evil


Registered Member
Registered Member
nick i made that 4 in 1 categories i just dnt kno how to add that new picture under an categorie image like new posts no posts etc..i will try that when i get home

13 Re: New posts picture under category on Mon Nov 29, 2010 9:17 am

ankillien


Administrator
Administrator
@Nick, sorry but that is not going to work. If it was so easy, I wouldn't have chosen the hard way Wink

@gang of evil,

Your template doesn't actually look like 4 in 1 categories, but try this code....

Code:
<div class="pun-crumbs">
<p class="crumbs"><a href="{U_INDEX}">{L_INDEX}</a><strong>{NAV_CAT_DESC}</strong></p>
</div>
<div class="main">
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="main-head">
<div class="page-title">{catrow.tablehead.L_FORUM}</div>
</div>
<div class="main-content">
<table cellspacing="0" class="table">
<thead>
<tr>
<th class="tcl">{L_FORUM}</th>
<th class="tc2">{L_TOPICS}</th>
<th class="tc3">{L_POSTS}</th>
<th class="tcr">{L_LASTPOST}</th>
</tr>
</thead>
<tbody class="statused">
<!-- END tablehead -->

<!-- BEGIN forumrow -->
<tr>
<td class="tcl" style="padding-right: {catrow.forumrow.INC_LEVEL_RIGHT}; padding-left: {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}>


{catrow.forumrow.FORUM_DESC}

<br />
<span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</span>

<!-- 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}
</td>
<td class="tc2">{catrow.forumrow.TOPICS}</td>
<td class="tc3">{catrow.forumrow.POSTS}</td>
<td class="tcr">{catrow.forumrow.LAST_POST}</td>
</tr>
<!-- END forumrow -->

<!-- BEGIN tablefoot -->
</tbody>
</table>
</div>
<!-- END tablefoot -->
<!-- END catrow -->
</div>

<!-- BEGIN switch_on_index -->
<div class="main-box clearfix">
<ul>
<li><a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a></li>
<li><a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a></li>
<li><a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a></li>
</ul>
<!-- BEGIN switch_delete_cookies -->
<p class="right">
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
</p>
<!-- END switch_delete_cookies -->
</div>
<!-- END switch_on_index -->


Hope it helps Very Happy

14 Re: New posts picture under category on Mon Nov 29, 2010 9:57 am

gang of evil


Registered Member
Registered Member
No non of that works Sad

15 Re: New posts picture under category on Mon Nov 29, 2010 10:16 am

gang of evil


Registered Member
Registered Member
Actually nick that kind of worked in some way now if i want to put a diferent picture how do i do that?

16 Re: New posts picture under category on Mon Nov 29, 2010 3:43 pm

Jophy


Registered Member
Registered Member
Please don't double post unless separated by 24 hour period, Please used the EDIT button, thanks Wink

http://www.socialtechforum.com/

17 Re: New posts picture under category on Mon Nov 29, 2010 4:46 pm

ankillien


Administrator
Administrator
gang of evil wrote:No non of that works Sad


As I said, your templates are not actually for 4 in 1 categories. They are almost same as the default one.

18 Re: New posts picture under category on Mon Nov 29, 2010 6:02 pm

Guest


Guest
Hello if you want the icons to be under the forums you only need to create 4in1 forums and change the last post icons from the ACP and add image for the 4in1 forums then you will have it like in the pic above (:

19 Re: New posts picture under category on Mon Nov 29, 2010 6:08 pm

ankillien


Administrator
Administrator
Gangstar15 wrote:Hello if you want the icons to be under the forums you only need to create 4in1 forums and change the last post icons from the ACP and add image for the 4in1 forums then you will have it like in the pic above (:


Exactly Cool

When I saw his template code, there was no modification for 4in1 forums.

20 Re: New posts picture under category on Mon Nov 29, 2010 6:15 pm

Guest


Guest
You need the templates only to hide this tag "," Very Happy
So if you follow the tutorial in FM about multi forums, you will get what you want Very Happy

View previous topic View next topic Back to top  Message [Page 1 of 2]

Goto page : 1, 2  Next

WebArtz - The Web Design Forum » Web Designing & Coding » CSS (Cascading Style Sheets) » New posts picture under category

Permissions in this forum:
You cannot reply to topics in this forum