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 can I add to the stats box the same titlebar and border?

View previous topic View next topic Go down

Solved How can I add to the stats box the same titlebar and border?

Post by Van-Helsing on March 22nd 2014, 11:31 pm

Hi all,
How can I add to statistics box with tabs the same title bar and the same border with forum categories like this picture? Forum Version PunBB.

Best Regards,
Dark-Avenger


Last edited by Dark-Avenger on March 25th 2014, 2:04 pm; edited 1 time in total

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I add to the stats box the same titlebar and border?

Post by Pizza Boi on March 23rd 2014, 7:25 am

Dark-Avenger wrote:Hi all,
How can I add to statistics box with tabs the same title bar and the same border with forum categories like this picture? Forum Version PunBB.

Best Regards,
Dark-Avenger

Hi Very Happy

No picture mang o.e...

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

Solved Re: How can I add to the stats box the same titlebar and border?

Post by Van-Helsing on March 23rd 2014, 9:39 am

@Pizza Boi wrote:
Dark-Avenger wrote:Hi all,
How can I add to statistics box with tabs the same title bar and the same border with forum categories like this picture? Forum Version PunBB.

Best Regards,
Dark-Avenger

Hi Very Happy

No picture mang o.e...

Regards,
Pizza Boi
Hi Very Happy ,
Here is my testing forum link if it helps
Spoiler:

Regards,
Dark-Avenger

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I add to the stats box the same titlebar and border?

Post by Pizza Boi on March 23rd 2014, 9:43 am

Hi Very Happy

I meant, the picture you are referring to. I cannot see the example of the picture you want that code to have, also, please provide the origin of the picture's website.

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

Solved Re: How can I add to the stats box the same titlebar and border?

Post by Van-Helsing on March 23rd 2014, 10:08 am

There is no origin site, I want to place the stats/tabs section in the same type of box of my test forum. I think it needs a modification in the template and CSS. Image: http://prntscr.com/33bu6e

Best Regards,
Dark-Avenger

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I add to the stats box the same titlebar and border?

Post by Pizza Boi on March 23rd 2014, 3:52 pm

Dark-Avenger wrote:Hi all,
How can I add to statistics box with tabs the same title bar and the same border with forum categories like this picture? Forum Version PunBB.

Best Regards,
Dark-Avenger

Dark-Avenger wrote:There is no origin site, I want to place the stats/tabs section in the same type of box of my test forum. I think it needs a modification in the template and CSS. Image: http://prntscr.com/33bu6e

Best Regards,
Dark-Avenger

Hi Very Happy

What I meant is that you never posted the image of how you wanted your tabs to look like :/. You only posted the ones in your test forum, unless the one in your test forum is the one that you wanted.

Can you please check your first post because I seriously cannot see an image of what you want to have. (This is the 4th pc I'm also using for this topic)

Edit: HTML for the Tables:

Code:
<table cellspacing="0" class="table"><tbody class="statused"><tr><td class="tc_icon"><span class="status"><img title="Δεν υπάρχουν νέες δημοσιεύσεις" src="http://i81.servimg.com/u/f81/17/45/75/97/f_icon10.png" alt="Δεν υπάρχουν νέες δημοσιεύσεις"></span></td><td class="tc_forum" style="padding-right: 0px;"><h3 class="hierarchy"><a href="/f3-forum" class="forumtitle"><strong>Γενέθλια και Γιορτές</strong></a></h3><br><div class="BoxAroundCatIcon">Εδώ δημοσιεύονται τα γενέθλια και οι γιορτές των μελών μας.<br></div><strong></strong> </td><td class="tc3"><strong>0</strong> Θέματα<br><strong>0</strong> Απαντήσεις</td><td class="tcr"><br><span></span></td></tr><tr><td class="tc_icon"><span class="status"><img title="Δεν υπάρχουν νέες δημοσιεύσεις" src="http://i81.servimg.com/u/f81/17/45/75/97/f_icon10.png" alt="Δεν υπάρχουν νέες δημοσιεύσεις"></span></td><td class="tc_forum" style="padding-right: 0px;"><h3 class="hierarchy"><a href="/f4-forum" class="forumtitle"><strong>Αιτήσεις του Computer-Lab Forum</strong></a></h3><br><div class="BoxAroundCatIcon">Εδώ θα βρείτε τις διάφορες αιτήσεις της κοινότητας μας.<br></div><strong></strong> </td><td class="tc3"><strong>0</strong> Θέματα<br><strong>0</strong> Απαντήσεις</td><td class="tcr"><br><span></span></td></tr><tr><td class="tc_icon"><span class="status"><img title="Δεν υπάρχουν νέες δημοσιεύσεις" src="http://i81.servimg.com/u/f81/17/45/75/97/f_icon10.png" alt="Δεν υπάρχουν νέες δημοσιεύσεις"></span></td><td class="tc_forum" style="padding-right: 0px;"><h3 class="hierarchy"><a href="/f5-forum" class="forumtitle"><strong>Γνωριμία Μελών</strong></a></h3><br><div class="BoxAroundCatIcon">Κάντε την πρώτη σας δημοσίευση και πείτε μας λίγα λόγια για σας.<br></div><strong></strong> </td><td class="tc3"><strong>0</strong> Θέματα<br><strong>0</strong> Απαντήσεις</td><td class="tcr"><br><span></span></td></tr><tr><td class="tc_icon"><span class="status"><img title="Δεν υπάρχουν νέες δημοσιεύσεις" src="http://i81.servimg.com/u/f81/17/45/75/97/f_icon10.png" alt="Δεν υπάρχουν νέες δημοσιεύσεις"></span></td><td class="tc_forum" style="padding-right: 0px;"><h3 class="hierarchy"><a href="/f6-forum" class="forumtitle"><strong>Προτάσεις, Ιδέες και σχόλια για το Forum μας</strong></a></h3><br><div class="BoxAroundCatIcon">Πείτε μας τις ιδέες σας, τις προτάσεις σας και τα σχόλια σας για την κοινότητα μας.<br></div><strong></strong> </td><td class="tc3"><strong>0</strong> Θέματα<br><strong>0</strong> Απαντήσεις</td><td class="tcr"><br><span></span></td></tr></tbody></table>

CSS for the tables:

Code:
.pun table.table {
background: #fff;
border: 1px solid #dbe4ef;
}
.pun table.table {
border-collapse: collapse;
empty-cells: show;
table-layout: fixed;
width: 100%;
}
table[Attributes Style] {
border-spacing: 0px;
}
user agent stylesheettable {
display: table;
}
.pun {
line-height: 120%;
}

Statistics HTML:

Code:
<div id="tab1" class="tab_content" style="display: block;"><p>2 χρήστες είναι συνδεδεμένοι αυτήν την στιγμή:: 1 μέλος, 0 μη ορατοί και 1 επισκέπτης <br><br>Μέλη: <a href="/u1"><span style="color:#BD0000"><strong>Admin</strong></span></a><br><br>Μέλη που έχουν συνδεθεί κατά τη διάρκεια τις τελευταίες 24 ώρες: <a href="/u1"><span style="color:#BD0000"><strong>Admin</strong></span></a></p><br>Legend :  [ <b><a style="color: #BD0000" class="gensmall" href="/g3-group">Ιδρυτής</a></b> ] [ <b><a style="color: #000099" class="gensmall" href="/g2-group">Moderators</a></b> ]</div>

CSS Statistics:

Code:
#tabs_content_container {
border: 1px solid #ccc;
border-top: none;
padding: 10px;
}
div {
display: block;
}
p {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
strong, b {
font-weight: bold;
}

And yes, you have to modify the index_body and index_box template for that.

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

Solved Re: How can I add to the stats box the same titlebar and border?

Post by Van-Helsing on March 24th 2014, 11:31 pm

Bump

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I add to the stats box the same titlebar and border?

Post by Pizza Boi on March 25th 2014, 3:06 am

Hi Very Happy

Is this what you want? Now, I found this bit in the category title bar:

Code:
<div class="main-head"><span class="collapse" style="padding: 0px; float:right;width: 28px;height: 17px;overflow: hidden;cursor:pointer;" id="collapse/forum5"><img src="http://i73.servimg.com/u/f73/17/06/15/51/cat_mi11.png" alt="Close"><img class="hide" src="http://i73.servimg.com/u/f73/17/06/15/51/cat_ma11.png" alt="Open"></span><div class="page-title"><h2>Γενικό Forum</h2></div></div>

And this is its CSS:

Code:
.main .main-head, .main .main-foot {
background: #2c5687 url(http://64.19.142.12/i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top;
color: #fff;
padding: 10px 10px 11px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528cbc;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528cbc;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
margin-top: 15px;
height: 16px;
font-weight: 400;
}

Now the selectors I'm finding the most appropriate to use would be this: ul#stabs . And this would be the overall code for it:

Code:
ul#stabs {
background: #2c5687 url(http://64.19.142.12/i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top;
color: #fff;
padding: 10px 10px 11px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528cbc;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528cbc;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
margin-top: 15px;
height: 16px;
font-weight: 400;
}

Please try it.

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

Solved Re: How can I add to the stats box the same titlebar and border?

Post by Van-Helsing on March 25th 2014, 9:02 am

Hi PizzaBoi Smile ,
I have add the CSS that you gave me but the tabs now are overlapping the title bar http://prntscr.com/33xfc8 .

Here is my index_body template if it can help you the tabs are placed in it.

Spoiler:
Code:

        <!-- BEGIN switch_user_logged_out -->
<div class="guestMessage"><div class="guestHeader"><font><font>Καλωσήρθατε στο Linux-Team</font></font></div><font>Εγγραφείτε τώρα για να αποκτήσετε πρόσβαση σε όλες τις λειτουργίες μας. Με την εγγραφή σας και την σύνδεση σας θα είστε σε θέση να δημιουργήσετε νέες δημοσιεύσεις, να απαντήσετε σε ήδη υπάρχοντα θέματα, να αυξήσετε την φήμη των φίλων σας, να αποκτήσετε το δικό σας e-mail, να ενημερώσετε την κατάσταση σας, να διαχειριστείτε το προφίλ σας και πολλά άλλα. </font><font>Αυτό το μήνυμα θα αφαιρεθεί μόλις συνδεθείτε. </font></font><br><a href="#" onclick="show_popup('sign_in_popup_popup');" class="guestButton" id="sign_in"><font>Σύνδεση </font></a><a href="/register" class="guestButton"  id="register"><font>Δημιουργία Λογαριασμού </font></a></div>
        <script>$(function(){$(".guestButton").click(function(){$(".quang_cao1").hide();$("#ucp").css({'display':'block'});});$(".phutu1").click(function(){$(".quang_cao1").show();$(".dang_nhap#ucp").css({'display':'none'});});});</script>
        <style>.guestMessage {
            background: url("http://i.imgur.com/plQdik8.png") repeat-x scroll 0px 0px rgb(255, 242, 219);
            border: 1px solid rgb(234, 199, 148);
            color: rgb(184, 95, 29);
            line-height: 180%;
            margin-bottom: 10px;
            padding: 10px;
            text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.55);
            border-radius: 4px 4px 4px 4px;
        }
        .guestMessage {
            color: rgb(184, 95, 29);
            line-height: 180%;
            text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.55);
            font: 11px tahoma,helvetica,arial,sans-serif;
        }
        .guestHeader {
            background: -moz-linear-gradient(center top , rgb(240, 175, 81) 0%, rgb(245, 197, 114) 100%) repeat scroll 0% 0% transparent;
            box-shadow: 0px 1px 4px rgb(176, 114, 10) inset, 0px 1px 0px rgba(255, 255, 255, 0.5);
            border-radius: 4px 4px 4px 4px;
            color: rgb(154, 98, 0);
            text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
            padding: 10px;
            font-size: 1.1em;
            font-weight: bold;
            margin: -4px -4px 10px;
        }
        .guestMessage a.guestButton:hover {
            opacity: 0.8;
        }
        .guestMessage a.guestButton {
            background: -moz-linear-gradient(center top , rgb(240, 175, 81) 0%, rgb(245, 197, 114) 100%) repeat scroll 0% 0% transparent;
            box-shadow: 0px 1px 4px rgb(176, 114, 10) inset, 0px 1px 0px rgba(255, 255, 255, 0.5);
            border-radius: 4px 4px 4px 4px;
            color: rgb(154, 98, 0);
            text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.4);
            padding: 0px 14px;
            display: inline-block;
            height: 36px;
            line-height: 36px;
            outline: 0px none;
            margin: 10px 8px 0px 0px;
            font-weight: bold;
            text-decoration: none;
        }</style>
        <!-- END switch_user_logged_out -->

{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
    <ul>
            <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
            <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
        <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
        <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
    </ul>
    <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
    <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<!-- BEGIN message_admin_index -->
<div class="main">
    <!-- BEGIN message_admin_titre -->
    <div class="main-head">
        <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
    </div>
    <!-- END message_admin_titre -->

    <!-- BEGIN message_admin_txt -->
    <div id="pun-announcement">
        <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
    </div>
    <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <div class="user_login_form main-box center">
        <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label>  
        <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>  
        <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>  
        {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
        <!-- BEGIN switch_fb_connect -->
        <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
        <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
        <!-- END switch_fb_connect -->
    </div>
</form>
</div>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}
<div id="sign_week"><center></center></div>
<!-- BEGIN disable_viewonline -->
<script>
  $(document).ready(function(){
var rdtOn = $('.rdtOn strong').html();
var lastUser = $('.lastUser strong').html();
var totalUser = $('.totalUser strong').html();
var totalPost = $('.totalPost strong').html();
 
 
$('ul.statsPers').prepend('
<li><span>'+totalPost+'</span> Συνολικές Δημοσιεύσεις</li>
<li><span>'+totalUser+'</span> Εγγεγραμένα Μέλη</li>
<li><span>'+lastUser+'</span> Το νεότερο μέλος μας</li>
<li><span>'+rdtOn+'</span> Ρεκόρ Ταυτόχρονων Συνδέσεων</li>
');
 

});
</script>
 <div id="statistics">
                  <br />
                  <ul class="statsPers">
                    <li class="statHide rdtOn">Ρεκόρ Ταυτόχρονων Συνδέσεων: {RECORD_USERS}</li>
                    <li class="statHide lastUser">Το νεότερο μέλος μας: {NEWEST_USER}</li>
                    <li class="statHide totalUser">Εγγεγραμένα Μέλη: {TOTAL_USERS}</li>
                    <li class="statHide totalPost">Εγγεγραμένα Μέλη: {TOTAL_POSTS}</li>
                  </ul>
              <br />
        
          </div>
<div id="pun-info" class="main">
<!-- Statistics Bar -->

<!-- End of Statistics Bar --> 
  <div class="statistics_head">
  </div>
<div id="tabs_container">
    <ul id="stabs">
        <li class="active"><a href="#tab1">Στατιστικά Μελών</a></li>
        <li><a href="#tab2">Γενέθλια Μελών</a></li>
      <li><a href="#tab3">Πνευματικά Δικαιώματα</a></li>
      <li><a href="#tab4">Προσωπικό του Linux-Team</a></li>
      <li><a href="#tab5">Φιλικές Ιστοσελίδες</a></li>
    </ul>
</div>

<div id="tabs_content_container">
    <div id="tab1" class="tab_content" style="display: block;">
         <p>{TOTAL_USERS_ONLINE}
                    <br></br>
                          {LOGGED_IN_USER_LIST}
           <br />
            {L_ONLINE_USERS}
                          {L_CONNECTED_MEMBERS}</p>
      <br />
  {LEGEND} : {GROUP_LEGEND}
     
    </div>
        <div id="tab2" class="tab_content">
        <p>{L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
    </div>
   <div id="tab3" class="tab_content">
     <p><center><strong>© Copyright 2013-2014, All Rights Reserved, Linux-Team Forum.  </strong><br />
       <!--<a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/4.0/"><img alt="Άδεια Creative Commons" style="border-width:0" src="http://i.creativecommons.org/l/by-nc-nd/4.0/88x31.png" /></a><br />Το έργο με τίτλο <span xmlns:dct="http://purl.org/dc/terms/" href="http://purl.org/dc/dcmitype/Dataset" property="dct:title" rel="dct:type">Linux-Team Forum</span> από τον δημιουργό <span xmlns:cc="http://creativecommons.org/ns#" property="cc:attributionName">Linux-Team Community</span> διατίθεται με την άδεια <a rel="license" href="http://creativecommons.org/licenses/by-nc-nd/4.0/">Creative Commons Αναφορά Δημιουργού-Μη Εμπορική Χρήση-Όχι Παράγωγα Έργα 4.0 Διεθνές </a>.<br />Βασισμένο σε έργο στο <a xmlns:dct="http://purl.org/dc/terms/" href="http://linux-team.forumgreek.com/" rel="dct:source">http://linux-team.forumgreek.com/</a>.
       </center>-->
       </div>
   <div id="tab4" class="tab_content">
        <p>/*Content Here*/</p>
    </div>
  <div id="tab5" class="tab_content">
        <p>*/Content Here*/</p>
    </div>
</div>

<!-- END disable_viewonline -->

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <div class="user_login_form main-box center">
        <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label>  
        <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label>  
        <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>  
        {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
        <!-- BEGIN switch_fb_connect -->
        <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
        <fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
        <!-- END switch_fb_connect -->
    </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_legend -->
     <br /> <br />
     <ul id="pun-legend">
    <li>
        <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS}
        <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
        <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}
    </li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
    appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
     status: true,
     cookie: true,
     xfbml: true,
    oauth: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

Best Regards,
Dark-Avenger

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I add to the stats box the same titlebar and border?

Post by Pizza Boi on March 25th 2014, 11:00 am

Hi Very Happy

Sorry, please delete the code you used and just use this:

Code:
#tabs_content_container {
border: 1px solid #ccc;
border-top: none;
position: relative;
top: -15px;
background: #2c5687 url(http://i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top;
color: #000000;
padding: 10px 10px 11px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528cbc;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528cbc;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
margin-top: 15px;
height: 16px;
font-weight: 400;
}

ul#pun-legend {
position: relative;
top: 80px;
}

ul#pun-legend's top:80px should be adjusted to your liking. Please let me know if there's still anything wrong.

Note: I did NOT use the same CSS as I added a few things and changed a few bits so do not just change the selectors from the one I gave above.

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

Solved Re: How can I add to the stats box the same titlebar and border?

Post by Van-Helsing on March 25th 2014, 11:35 am

Hi PizzaBoi Very Happy ,
No now it looks like this http://prntscr.com/33y4ci I think it must be modified on the template but I dont where must I modify the template I have made many tries without success.

Best Regards,
Dark-Avenger

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I add to the stats box the same titlebar and border?

Post by Pizza Boi on March 25th 2014, 11:46 am

Hi Very Happy

Uhm... okay, this is my last request from you, can you please provide a screenshot of WHERE you want the design should be located? Because if you checked your first post, there's no picture you provided and I had to guess up until now where I should put it =x .

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

Solved Re: How can I add to the stats box the same titlebar and border?

Post by Van-Helsing on March 25th 2014, 11:51 am

Hi,
Here must be place above the tabs http://prntscr.com/33y77x and must be have a title etc "Forum Statistics". Is it possible this title bar to be a part of tabs block?

Best Regards,
Dark-Avenger

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I add to the stats box the same titlebar and border?

Post by Pizza Boi on March 25th 2014, 12:32 pm

Hi Very Happy

So you just really want a sign above it, right o.e?

Anyway, place:

Code:
<div id="stattt">Forum statistics</div>

Above:

Code:
<!-- BEGIN disable_viewonline -->
<script>
  $(document).ready(function(){
var rdtOn = $('.rdtOn strong').html();
var lastUser = $('.lastUser strong').html();
var totalUser = $('.totalUser strong').html();
var totalPost = $('.totalPost strong').html();
 
In the template.

And then add this in the CSS:

Code:
#stattt {
background: #2c5687 url(http://64.19.142.12/i78.servimg.com/u/f78/17/31/71/58/mainti10.png) repeat-x top;
color: #fff;
padding: 10px 10px 11px;
-moz-border-radius: 4px 4px 0 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: inset 0px 1px 0 #528cbc;
-moz-box-shadow: inset 0px 1px 0 #528cbc;
box-shadow: inset 0px 1px 0 #528cbc;
border-width: 1px 1px 0 1px;
border-color: #316897;
border-style: solid;
margin-top: 15px;
height: 16px;
font-weight: 400;
}

If you want it attached to the dock, use this part:

Code:
<div id="statistics">

And then just use the CSS code I provided above and just changed #stattt to #statistics.

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

Solved Re: How can I add to the stats box the same titlebar and border?

Post by Van-Helsing on March 25th 2014, 1:27 pm

Hi Smile,
I have placed the title bar in the correct position in the template http://prntscr.com/33yor2 but I need  a border around the tabs container like this in screenshot.

Best Regards,
Dark-Avenger

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I add to the stats box the same titlebar and border?

Post by Pizza Boi on March 25th 2014, 1:41 pm

Hi Very Happy

Having a reallyyyyyyyyyyyy difficult time with internet cafe net e.e"... try this please:

Anyway, add this:

Code:
<div id="tabsborder">


Before:

Code:
<div id="tabs_container">

And this:

Code:
</div>

After (Before <---- End of disabling online ----> or something of the sort):

Code:
<p>*/Content Here*/</p>
    </div>
</div>

And this in the CSS:

Code:
#tabsborder {
border: 1px solid #ccc;
}

To add a radius style border, just add this in the code:

Code:
border-radius: #px #px #px #px;

Note: I have not tested this out due to the slowness of the internet I am using, my test forum didn't load well and my forum looked like trash when it finished loading.

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

Solved Re: How can I add to the stats box the same titlebar and border?

Post by Van-Helsing on March 25th 2014, 2:03 pm

Hi PizzaBoi Smile ,
Thank you very very very much for assistance problem now has been solved.

Best Regards,
Dark-Avenger

Van-Helsing
Hyperactive

Male Posts : 2222
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I add to the stats box the same titlebar and border?

Post by Pizza Boi on March 25th 2014, 2:08 pm

Hi Very Happy

The pizza's here! That'd be 2.99$ Wink.

No problem~

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

Solved Re: How can I add to the stats box the same titlebar and border?

Post by Base on March 25th 2014, 2:53 pm

Glad your problem is solved; topic marked as solved and archived.

Base
Forumaster

Male Posts : 10386
Reputation : 1687
Language : English and French
Location : United Kingdom, England

http://forumotionhub.net

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