The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How to make category title like this?

View previous topic View next topic Go down

How to make category title like this?

Post by akbarmaulana on May 22nd 2014, 6:16 am

hello Very Happy
please help me Very Happy
how to make category title like this?

thanks before Very Happy

akbarmaulana
Forumember

Posts : 140
Reputation : 1
Language : Indonesian

Back to top Go down

Re: How to make category title like this?

Post by Pizza Boi on May 22nd 2014, 11:49 am

Hi Very Happy

That would require a bit of template editing. You will have to merge the {TOPICS} and the # it has (td locked too).

Can you also provide the place where you saw that please?

Also, if I cannot notice your problem immediately here in Forumotion and would like an extended help, please email me here: Email Removed

@Staff: Guys, please don't remove this because as I said, this is just an alternate account, it does not matter if it gets hacked or not and if you still remove it, my apologies as you know that my inbox is very limited AND my sentbox is already 100% full. I cannot delete my messages in it as they are important so I will give out my alternate email for use here. I have also posted this in topics that I have this email in. There is also no worries for IP trackers as I am using Dynamic IP's so my area can switch from any area as my provider pleases and that I also switch devices so I'm generally untraceable.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Re: How to make category title like this?

Post by akbarmaulana on May 22nd 2014, 1:03 pm

@Pizza Boi wrote:Hi Very Happy

That would require a bit of template editing. You will have to merge the {TOPICS} and the # it has (td locked too).

Can you also provide the place where you saw that please?

Also, if I cannot notice your problem immediately here in Forumotion and would like an extended help, please email me here: Email Removed

@Staff: Guys, please don't remove this because as I said, this is just an alternate account, it does not matter if it gets hacked or not and if you still remove it, my apologies as you know that my inbox is very limited AND my sentbox is already 100% full. I cannot delete my messages in it as they are important so I will give out my alternate email for use here. I have also posted this in topics that I have this email in. There is also no worries for IP trackers as I am using Dynamic IP's so my area can switch from any area as my provider pleases and that I also switch devices so I'm generally untraceable.

Regards,
Pizza Boi

it's the link www.atlanta.forumid.net

akbarmaulana
Forumember

Posts : 140
Reputation : 1
Language : Indonesian

Back to top Go down

Re: How to make category title like this?

Post by @Mark on May 22nd 2014, 2:26 pm

Hi, please provide your index_box template. Wink

@Mark
Forumember

Male Posts : 187
Reputation : 37
Language : HTML | CSS | Javascript | C | Java
Location : Republic of the Philippines

http://help.forumotion.com/

Back to top Go down

Re: How to make category title like this?

Post by akbarmaulana on May 23rd 2014, 5:19 am

@@Mark wrote:Hi, please provide your index_box template. Wink
it's my index_box Very Happy
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="content_table">
      <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 />
                                                  <div class="desc">
                                                    <div class="forumimg">
    <img style="float:left" alt="" src="http://i56.servimg.com/u/f56/18/59/49/93/13848632.png"></img>
                     {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 -->
                     <ul class="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</ul>
                     <strong>{forumrow.L_SUBFORUM_STR}</strong> {forumrow.SUBFORUMS}
                                                  </div>
                                                </td>
                  <td class="tc2">{catrow.forumrow.TOPICS}</td>
                  <td class="tc3">{catrow.forumrow.POSTS}</td>
                  <td class="tcr">
                     <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>
                  </td>
               </tr>
   <!-- END forumrow -->

   <!-- BEGIN tablefoot -->
            </tbody>
         </table>
      </div>
  </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 -->

akbarmaulana
Forumember

Posts : 140
Reputation : 1
Language : Indonesian

Back to top Go down

Re: How to make category title like this?

Post by @Mark on May 23rd 2014, 6:25 pm

Hi, i'm currently experiencing a problem with the rules implemented by Forumotion here.
- "New members are not allowed to post external links or emails for 7 days. Please contact the forum administrator for more information."

So just follow the steps here, or if some staff read this, please re-post the whole version here:
- http :// pastebin. com /yxJkFg4H (Remove the double spaces)

@Mark
Forumember

Male Posts : 187
Reputation : 37
Language : HTML | CSS | Javascript | C | Java
Location : Republic of the Philippines

http://help.forumotion.com/

Back to top Go down

Re: How to make category title like this?

Post by akbarmaulana on May 24th 2014, 1:09 am

@@Mark wrote:Hi, i'm currently experiencing a problem with the rules implemented by Forumotion here.
- "New members are not allowed to post external links or emails for 7 days. Please contact the forum administrator for more information."

So just follow the steps here, or if some staff read this, please re-post the whole version here:
- http :// pastebin. com /yxJkFg4H (Remove the double spaces)
i have try the code, but it isn't work Sad

akbarmaulana
Forumember

Posts : 140
Reputation : 1
Language : Indonesian

Back to top Go down

Re: How to make category title like this?

Post by @Mark on May 24th 2014, 1:13 am

You sure? Tested it and working fine. Make sure to read the file first, follow the instruction and copy only the codes inside the [ code ] tag.

If still not working, provide me your forum link.

@Mark
Forumember

Male Posts : 187
Reputation : 37
Language : HTML | CSS | Javascript | C | Java
Location : Republic of the Philippines

http://help.forumotion.com/

Back to top Go down

Re: How to make category title like this?

Post by akbarmaulana on May 24th 2014, 2:01 am

@@Mark wrote:You sure? Tested it and working fine. Make sure to read the file first, follow the instruction and copy only the codes inside the [ code ] tag.

If still not working, provide me your forum link.
yeah i have follow the instruction, but it's not working

akbarmaulana
Forumember

Posts : 140
Reputation : 1
Language : Indonesian

Back to top Go down

Re: How to make category title like this?

Post by @Mark on May 24th 2014, 2:12 am

Make sure you publish the template by clicking the sign, also put the CSS. If you really do, please provide your forum link. Smile

@Mark
Forumember

Male Posts : 187
Reputation : 37
Language : HTML | CSS | Javascript | C | Java
Location : Republic of the Philippines

http://help.forumotion.com/

Back to top Go down

Re: How to make category title like this?

Post by akbarmaulana on May 24th 2014, 5:20 am

@@Mark wrote:Make sure you publish the template by clicking the sign, also put the CSS. If you really do, please provide your forum link. Smile
i have to do that, my forum www.forumtutorial.forumid.net

akbarmaulana
Forumember

Posts : 140
Reputation : 1
Language : Indonesian

Back to top Go down

Re: How to make category title like this?

Post by @Mark on May 24th 2014, 10:06 am

I see, what you want to achieve is the black background over the category title?
I thought you want the category style since it the problem is entitled as "How to make category like this".

Anyway follow the steps here, or if some staff read this, please re-post the whole version here:
- http: // pastebin. com/Jzj9ye6R

@Mark
Forumember

Male Posts : 187
Reputation : 37
Language : HTML | CSS | Javascript | C | Java
Location : Republic of the Philippines

http://help.forumotion.com/

Back to top Go down

Re: How to make category title like this?

Post by akbarmaulana on May 24th 2014, 11:48 am

@@Mark wrote:I see, what you want to achieve is the black background over the category title?
I thought you want the category style since it the problem is entitled as "How to make category like this".

Anyway follow the steps here, or if some staff read this, please re-post the whole version here:
- http: // pastebin. com/Jzj9ye6R
i have to try that, and the result :

akbarmaulana
Forumember

Posts : 140
Reputation : 1
Language : Indonesian

Back to top Go down

Re: How to make category title like this?

Post by @Mark on May 24th 2014, 11:51 am

Can you put it again? So i can check it myself. There might be a problem with my CSS.

@Mark
Forumember

Male Posts : 187
Reputation : 37
Language : HTML | CSS | Javascript | C | Java
Location : Republic of the Philippines

http://help.forumotion.com/

Back to top Go down

Re: How to make category title like this?

Post by akbarmaulana on May 24th 2014, 12:52 pm

@@Mark wrote:Can you put it again? So i can check it myself. There might be a problem with my CSS.
put what? my index_box?

akbarmaulana
Forumember

Posts : 140
Reputation : 1
Language : Indonesian

Back to top Go down

Re: How to make category title like this?

Post by @Mark on May 24th 2014, 1:29 pm

Nevermind, ok, use this as your CSS instead:
Code:
.shadowbg {
background:#244156;
opacity:1;
color:#fff;
padding:4px 10px;
font-weight:bold;
-moz-border-radius:5px;
-webkit-border-radius:5px!important;
border-radius:5px;
-webkit-box-shadow:inset 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow:inset 0px 2px 2px rgba(0,0,0,0.2);
box-shadow:inset 0px 2px 2px rgba(0,0,0,0.2);
font-size: 12px;
display: inline-block;
}

@Mark
Forumember

Male Posts : 187
Reputation : 37
Language : HTML | CSS | Javascript | C | Java
Location : Republic of the Philippines

http://help.forumotion.com/

Back to top Go down

Re: How to make category title like this?

Post by akbarmaulana on May 24th 2014, 1:50 pm

@@Mark wrote:Nevermind, ok, use this as your CSS instead:
Code:
.shadowbg {
background:#244156;
opacity:1;
color:#fff;
padding:4px 10px;
font-weight:bold;
-moz-border-radius:5px;
-webkit-border-radius:5px!important;
border-radius:5px;
-webkit-box-shadow:inset 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow:inset 0px 2px 2px rgba(0,0,0,0.2);
box-shadow:inset 0px 2px 2px rgba(0,0,0,0.2);
font-size: 12px;
display: inline-block;
}

not working Sad
nothingchanges Sad

akbarmaulana
Forumember

Posts : 140
Reputation : 1
Language : Indonesian

Back to top Go down

Re: How to make category title like this?

Post by @Mark on May 24th 2014, 1:55 pm

Hi, make sure to replace this:
Code:
{catrow.tablehead.L_FORUM}

with this:
Code:
<span class="shadowbg">{catrow.tablehead.L_FORUM}</span>

Then put the CSS:
Code:
.shadowbg {
background:#244156;
opacity:1;
color:#fff;
padding:4px 10px;
font-weight:bold;
-moz-border-radius:5px;
-webkit-border-radius:5px!important;
border-radius:5px;
-webkit-box-shadow:inset 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow:inset 0px 2px 2px rgba(0,0,0,0.2);
box-shadow:inset 0px 2px 2px rgba(0,0,0,0.2);
font-size: 12px;
display: inline-block;
}

@Mark
Forumember

Male Posts : 187
Reputation : 37
Language : HTML | CSS | Javascript | C | Java
Location : Republic of the Philippines

http://help.forumotion.com/

Back to top Go down

Re: How to make category title like this?

Post by akbarmaulana on May 25th 2014, 2:05 am

@@Mark wrote:Hi, make sure to replace this:
Code:
{catrow.tablehead.L_FORUM}

with this:
Code:
<span class="shadowbg">{catrow.tablehead.L_FORUM}</span>

Then put the CSS:
Code:
.shadowbg {
background:#244156;
opacity:1;
color:#fff;
padding:4px 10px;
font-weight:bold;
-moz-border-radius:5px;
-webkit-border-radius:5px!important;
border-radius:5px;
-webkit-box-shadow:inset 0px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow:inset 0px 2px 2px rgba(0,0,0,0.2);
box-shadow:inset 0px 2px 2px rgba(0,0,0,0.2);
font-size: 12px;
display: inline-block;
}

yeah, it's work Very Happythanks
but the shape doesn't like the picture, can you make the shape like the picture?
if you can't, it can be solved now Very Happy

akbarmaulana
Forumember

Posts : 140
Reputation : 1
Language : Indonesian

Back to top Go down

Re: How to make category title like this?

Post by @Mark on May 25th 2014, 12:28 pm

Use this one instead:
Code:
.shadowbg {
background: none repeat scroll 0 0 rgba(0,0,0,0.3);
border-radius: 3px;
box-shadow: 0 1px 3px rgba(0,0,0,0.5) inset, 0 1px 0 rgba(255,255,255,0.16), 0 0 0 1px rgba(255,255,255,0.05);
opacity:1 ;
color: #fff;
padding: 4px 10px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px !important;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5) inset, 0 1px 0 rgba(255,255,255,0.16), 0 0 0 1px rgba(255,255,255,0.05);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5) inset, 0 1px 0 rgba(255,255,255,0.16), 0 0 0 1px rgba(255,255,255,0.05);
font-size: 12px;
display: inline-block;
}

@Mark
Forumember

Male Posts : 187
Reputation : 37
Language : HTML | CSS | Javascript | C | Java
Location : Republic of the Philippines

http://help.forumotion.com/

Back to top Go down

Re: How to make category title like this?

Post by akbarmaulana on May 26th 2014, 1:08 am

@@Mark wrote:Use this one instead:
Code:
.shadowbg {
background: none repeat scroll 0 0 rgba(0,0,0,0.3);
border-radius: 3px;
box-shadow: 0 1px 3px rgba(0,0,0,0.5) inset, 0 1px 0 rgba(255,255,255,0.16), 0 0 0 1px rgba(255,255,255,0.05);
opacity:1 ;
color: #fff;
padding: 4px 10px;
font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px !important;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5) inset, 0 1px 0 rgba(255,255,255,0.16), 0 0 0 1px rgba(255,255,255,0.05);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5) inset, 0 1px 0 rgba(255,255,255,0.16), 0 0 0 1px rgba(255,255,255,0.05);
font-size: 12px;
display: inline-block;
}
it's work, thanks about your help Very Happy
it's solved now Very Happy

akbarmaulana
Forumember

Posts : 140
Reputation : 1
Language : Indonesian

Back to top Go down

Re: How to make category title like this?

Post by Derri on May 26th 2014, 1:33 am

Topic Archived


Forum Rules: :Forumotion Staff: :Appeal A Warning: :FAQ: :Tips & Tricks: :Forgotten Password/Login Issues
You need one post to send a PM
When your topic has been solved, ensure you mark the topic solved
Never post your email in public


Derri
Administrator
Administrator

Male Posts : 8355
Reputation : 571
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

View previous topic View next topic Back to top


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