The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

index_box help

3 posters

Go down

index_box help Empty index_box help

Post by Kite Trojan 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: index_box help Untitl16. 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: index_box help Kopija_od_untitl10index_box help Untitl10index_box help Kopija_od_untitl10
Kite Trojan
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

index_box help Empty Re: index_box help

Post by Pizza Boi 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
Pizza Boi
Hyperactive

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

Back to top Go down

index_box help Empty Re: index_box help

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

They didn't say that no one couldn't use it. On the main building this, it'll use index_box help Kopija_od_untitl10index_box help Untitl10index_box help Kopija_od_untitl10 as the blue bar
Kite Trojan
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

index_box help Empty Re: index_box help

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

Hi Very Happy

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

Regards,
Pizza Boi
Pizza Boi
Pizza Boi
Hyperactive

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

Back to top Go down

index_box help Empty Re: index_box help

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

http://prntscr.com/2xndsi this is my forum <.< https://i.servimg.com/u/f57/18/53/34/66/untitl16.jpg i need this " index_box help Kopija_od_untitl10index_box help Untitl10index_box help Kopija_od_untitl10" on the top of the new forum
Kite Trojan
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

index_box help Empty Re: index_box help

Post by Pizza Boi 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
Pizza Boi
Hyperactive

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

Back to top Go down

index_box help Empty Re: index_box help

Post by Kite Trojan 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
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

index_box help Empty Re: index_box help

Post by Pizza Boi 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
Pizza Boi
Hyperactive

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

Back to top Go down

index_box help Empty Re: index_box help

Post by Kite Trojan 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
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

index_box help Empty Re: index_box help

Post by Pizza Boi 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
Pizza Boi
Hyperactive

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

Back to top Go down

index_box help Empty Re: index_box help

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

I'll change it soon :/
Kite Trojan
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

index_box help Empty Re: index_box help

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

bump
Kite Trojan
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

index_box help Empty Re: index_box help

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

Hi Very Happy

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

index_box help Forum_10

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
Pizza Boi
Hyperactive

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

Back to top Go down

index_box help Empty Re: index_box help

Post by Kite Trojan 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
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

index_box help Empty Re: index_box help

Post by Pizza Boi 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
Pizza Boi
Hyperactive

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

Back to top Go down

index_box help Empty Re: index_box help

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

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

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

index_box help Empty Re: index_box help

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

Hi Very Happy

This:

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

Regards,
Pizza Boi
Pizza Boi
Pizza Boi
Hyperactive

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

Back to top Go down

index_box help Empty Re: index_box help

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

Kite Trojan
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

index_box help Empty Re: index_box help

Post by Pizza Boi 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
Pizza Boi
Hyperactive

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

Back to top Go down

index_box help Empty Re: index_box help

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

I will wait.
Kite Trojan
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

index_box help Empty Re: index_box help

Post by Pizza Boi 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
Pizza Boi
Hyperactive

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

Back to top Go down

index_box help Empty Re: index_box help

Post by Kite Trojan 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
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

index_box help Empty Re: index_box help

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

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


index_box help Slgray10

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

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

index_box help Empty Re: index_box help

Post by Pizza Boi 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
Pizza Boi
Hyperactive

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

Back to top Go down

Back to top


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