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.

index_box help

View previous topic View next topic Go down

index_box help

Post by Kite Trojan on March 2nd 2014, 10:40 pm

Here is how my Index_box Is looking on my forum http://prntscr.com/2xbd05. This is how I want it took look: . Here is the CSS code I used.

Code:
.drugi {

width: 100%;
}

.drugi2 {

border-bottom: 1px solid #aaa;

border-left: 1px solid #aaa;

border-right: 1px solid #aaa;

padding:5px;

-webkit-border-bottom-right-radius: 10px;

-webkit-border-bottom-left-radius: 10px;

-moz-border-radius-bottomright: 10px;

-moz-border-radius-bottomleft: 10px;

border-bottom-right-radius: 10px;

border-bottom-left-radius: 10px;

background: #141414;

}

.drugi1 {

border: 1px solid #aaa;

align: left;

text-align: left;

height: 50px;

background: rgba(0,0,0,0.2);

padding: 5px;

}

.opis {

height: auto;

padding: 10px;

border-left: 1px solid #aaa;

border-right: 1px solid #aaa;

background: rgba(0,0,0,0.2);
}

.linkforuma {

letter-spacing:2px;

border: 1px solid #aaa;

padding: 5px;

background: #141414;

-webkit-border-top-right-radius: 10px;

-webkit-border-top-left-radius: 10px;

-moz-border-radius-topright: 10px;

-moz-border-radius-topleft: 10px;

border-top-right-radius: 10px;

border-top-left-radius: 10px;

font-family: arial,verdana,tahoma;

}

.modisub {

border: 1px solid #aaa;

padding: 5px;

-webkit-border-bottom-right-radius: 10px;

-webkit-border-bottom-left-radius: 10px;

-moz-border-radius-bottomright: 10px;

-moz-border-radius-bottomleft: 10px;

border-bottom-right-radius: 10px;

border-bottom-left-radius: 10px;

height: 20px;

background: #141414;

}

.tip {

font-weight: bold;

}

.zelena {

color: lightgreen;

}

.ikona {

margin-bottom: -20px;

margin-left: -10px;

}

Here is the HTML(Template) code.

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">

  <tr>

  <td valign="bottom">

  <!-- BEGIN switch_user_logged_in -->

  <span class="gensmall">{LAST_VISIT_DATE}<br />

  {CURRENT_TIME}<br />

  </span>

  <!-- END switch_user_logged_in -->

  <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><br />

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

  <!-- END switch_user_logged_in -->

  <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>

  </td>

  </tr>

</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>

  </tr>

  <!-- END tablehead -->

  <!-- BEGIN cathead -->

  <!-- END cathead -->

  <!-- BEGIN forumrow -->

<tr><td><table><tr><td>

  <!-- BEGIN inc -->

  <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>

  <!-- END inc -->

  <td class="red1" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="70%" height="50"><div class="forumiostalo">

  <h{catrow.forumrow.LEVEL} class="hierarchy">

  <div class="linkforuma">

  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />

  </div>

  </h{catrow.forumrow.LEVEL}>

  <div class="opis"><table><tr><td><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></td></tr></table></div>

  <div class="modisub"><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>

 </div>

 </div></td>

 <td class="red3" align="center" valign="bottom" width="30%"><div class="ikona" align="right"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /> </div>

  <div class="drugi"><div class="drugi1"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>

  <div class="drugi2"><span class="gensmall"><span class="tip"><span class="zelena">{catrow.forumrow.POSTS}</span> Posts and <span class="zelena">{catrow.forumrow.TOPICS}</span> Topics</span></span></div></div>

  </td>

 </td></tr></table></td></tr>

  <!-- END forumrow -->

  <!-- BEGIN catfoot -->

  <!-- END catfoot -->

  <!-- BEGIN tablefoot -->

</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
In the image I provided where it says Main Buildings, the left and right shows are:

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: index_box help

Post by Pizza Boi on March 2nd 2014, 11:24 pm

Hi Very Happy

Wow, you seriously copied a lot of the lay-out from XDA. Props.

Anyway, adjust the top/bottom thing in it and add a position code if ever. If you can, post the ID's that involve the one you want moved up in the direction.

Also, can you elaborate on the whole 'Main Building' thing? The arrows blur me a bit.

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: index_box help

Post by Kite Trojan on March 3rd 2014, 12:35 am

They didn't say that no one couldn't use it. On the main building this, it'll useas the blue bar

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: index_box help

Post by Pizza Boi on March 3rd 2014, 1:28 pm

Hi Very Happy

So you want to use that for the box? Confused.

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: index_box help

Post by Kite Trojan on March 4th 2014, 12:32 am

http://prntscr.com/2xndsi this is my forum <.<http://i57.servimg.com/u/f57/18/53/34/66/untitl16.jpg i need this "" on the top of the new forum

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: index_box help

Post by Pizza Boi on March 4th 2014, 2:43 am

Hi Very Happy

You said on top of the forum, right? Not sure if this is what you exactly want.

Find this bit of code:

Code:
<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>

Add this above it:

Code:
<img src="http://s6.postimg.org/vi3w7lae5/Kopija_od_untitl10.jpg" /><img src="http://s6.postimg.org/4a72090il/untitl10.jpg" style="width: 96%; height: 30px; background-repeat: repeating;" /><img src="http://s6.postimg.org/utv1onbod/Kopija_od_untitl10.jpg" style="right: 90px;" />

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: index_box help

Post by Kite Trojan on March 4th 2014, 4:12 am

Ok, the image has been placed in my index_box! Thats good but there is an issue: http://prntscr.com/2xp396, it needs to be down low.

I fixed my issue by changing the width to 95- this issue was fixed when the bar fitted itself into 2 lines

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: index_box help

Post by Pizza Boi on March 4th 2014, 10:39 am

Hi Very Happy

So there's no problem now...? If there is, can you please put a box marker on what you want because I'm really having a hard time visualizing what you want :/. And yeah, the width varies with the forum width itself. 96 was for my test forum.

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: index_box help

Post by Kite Trojan on March 5th 2014, 5:27 am

The problem is the blue bar with the shadows are above the forum header(as in the begining of the catagory). it needs to be on the header

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: index_box help

Post by Pizza Boi on March 5th 2014, 12:50 pm

Hi Very Happy

Finally figured it out lol. Anyway, just use this Smile.

Code:
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">    <img src="http://s6.postimg.org/vi3w7lae5/Kopija_od_untitl10.jpg" /><img src="http://s6.postimg.org/4a72090il/untitl10.jpg" style="width: 96%; height: 30px; background-repeat: repeating;" />
<img src="http://s6.postimg.org/utv1onbod/Kopija_od_untitl10.jpg" style="right: 90px;" /> {catrow.tablehead.L_FORUM}</th>

By the way, sorry for what I said in the other post about you copying styles. Just don't like it when people copy from others :/.

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: index_box help

Post by Kite Trojan on March 5th 2014, 10:32 pm

I'll change it soon :/

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: index_box help

Post by Kite Trojan on March 7th 2014, 1:41 am

bump

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: index_box help

Post by Pizza Boi on March 7th 2014, 9:41 am

Hi Very Happy

Did it not work? It works good for me :/.



That's the end result for me. Did you make sure to publish it or something? I used the SAME index_box you had in my test forum and I produced that result.

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: index_box help

Post by Kite Trojan on March 7th 2014, 11:57 pm

Ok, I realized that I made a mistake, but how can I remvoe the gray in the background.

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: index_box help

Post by Pizza Boi on March 8th 2014, 4:25 am

Hi Very Happy

Try this:

Code:
th.secondarytitle {
background-color: transparent !important;
}

Also, I realized you were banned in DN since I tried adding you. If you need extra help with your academy, please add me there ! !(Fairy Tail) ErLu which serves as an alternate account.

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: index_box help

Post by Kite Trojan on March 8th 2014, 5:31 am

http://prntscr.com/2yw3yp Result. Also, the forum name is moved to the side(right)

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: index_box help

Post by Pizza Boi on March 8th 2014, 7:08 am

Hi Very Happy

This:

Code:
h2 {
align: left;
position: absolute;
left: 700px;
}

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: index_box help

Post by Kite Trojan on March 8th 2014, 10:20 pm


Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: index_box help

Post by Pizza Boi on March 9th 2014, 12:57 am

Hi Very Happy

I'll tag this for awhile since I can't access my admin panel as of now :/. You should get an answer by tonight or Monday tops unless someone else does this.

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: index_box help

Post by Kite Trojan on March 9th 2014, 1:12 am

I will wait.

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: index_box help

Post by Pizza Boi on March 11th 2014, 4:20 am

Hi Very Happy

Finally Smile. Here it is:

Code:
.secondarytitle h2 {
  text-align: middle;
  position: absolute;
  left: 600px;
  margin: 10px;
  padding: 10px 10px 10px 10px;
}

Just adjust the variables if ever.

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: index_box help

Post by Kite Trojan on March 11th 2014, 5:05 am

http://prntscr.com/2zsq2y The second forum is not in the middle, looks a bit to the left.

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: index_box help

Post by SLGray on March 11th 2014, 5:06 am

Please post your forum's link for appearance issues/questions.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35630
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Re: index_box help

Post by Pizza Boi on March 11th 2014, 5:09 am

Hi Very Happy

Can you please post the forum link as SLG stated, having a hard time here. It's both middle for my test forum.

Regards,
Pizza Boi

Edit: Actually, post EVERYTHING that you've got so far that's related to your problem and PLEASE state everything you need so we can work on it and not make this thread longer as is.

Pizza Boi
Hyperactive

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

http://redlustempire.forumtl.com/

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