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.

statistic, legend and staff button style like this?

View previous topic View next topic Go down

Solved statistic, legend and staff button style like this?

Post by kumotta on March 23rd 2014, 11:39 pm

hello,  Hello 
i want to make my statistic, legend and staff  button like this,







please help  Question  thanks anyway  Mr. Green


Last edited by kumotta on March 26th 2014, 8:07 pm; edited 1 time in total

kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: statistic, legend and staff button style like this?

Post by Michael_vx on March 24th 2014, 12:01 pm

I wander if this could help you
this code will add image when hover on link

Code:
a:hover
{
background: url(image url) no-repeat right;
padding:10px 30px 10px 10px;
}

better do not add big image Very Happy

Michael_vx
Forumember

Male Posts : 655
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Solved Re: statistic, legend and staff button style like this?

Post by Shek on March 24th 2014, 12:16 pm

Hello  Hello !

That depends, you could let me know the version or url of your forum Question 

Regars,
Shek

Shek
Active Poster

Male Posts : 1092
Reputation : 31
Language : Portuguese and English
Location : Brazil

http://www.shiftactif.com/

Back to top Go down

Solved Re: statistic, legend and staff button style like this?

Post by Michael_vx on March 24th 2014, 12:18 pm

@Shek wrote:Hello  Hello !

That depends, you could let me know the version or url of your forum Question 

Regars,
Shek
do you mean me or the topic owner thanks

Michael_vx
Forumember

Male Posts : 655
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Solved Re: statistic, legend and staff button style like this?

Post by Shek on March 24th 2014, 12:25 pm

If you have the same question, tell me yours too. This code is IPBoard and is available for PhpBB3 and PunBB at the moment. But I need to know the version to pass the correct code. Wink

Shek
Active Poster

Male Posts : 1092
Reputation : 31
Language : Portuguese and English
Location : Brazil

http://www.shiftactif.com/

Back to top Go down

Solved Re: statistic, legend and staff button style like this?

Post by Michael_vx on March 24th 2014, 12:33 pm

@Michael_vx wrote:I wander if this could help you
this code will add image when hover on link

Code:
a:hover
{
background: url(image url) no-repeat right;
padding:10px 30px 10px 10px;
}

better do not add big image Very Happy

@Shek wrote:If you have the same question, tell me yours too. This code is IPBoard and is available for PhpBB3 and PunBB at the moment. But I need to know the version to pass the correct code. Wink
i tought this might help the topic owner
this code is tested on PHPBB2
and my forum is PHPBB2
its might not be the code of the topic owner looking for but with some change might work is topic owner likes and let me know more about that IPboard code that you talking about thanks

Michael_vx
Forumember

Male Posts : 655
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Solved Re: statistic, legend and staff button style like this?

Post by Shek on March 24th 2014, 12:45 pm

Hello!

To Phpbb2 and punbb, modify the index_body. Wink Open your index_body and between lines 57 and 68 templante should have this code in PunBB:
Code:
<div class="main-content">
      <div id="stats">
        <p class="right">{TOTAL_POSTS}</p>
        <p>{TOTAL_USERS}</p>
        <p>{NEWEST_USER}</p>
      </div>
Or, in PhpBB2:
Code:
<tr>
      <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
      <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span></td>
  </tr>
Replace the code for this code:
Code:
<div id="stats">
                  <br />
                  <ul class="statsPers">
                    <li class="statHide rdtOn">Teste1: {RECORD_USERS}</li>
                    <li class="statHide lastUser">Teste2: {NEWEST_USER}</li>
                    <li class="statHide totalUser">Teste3: {TOTAL_USERS}</li>
                    <li class="statHide totalPost">Teste4: {TOTAL_POSTS}</li>
                  </ul>
              <br />
       
          </div>
Save your template Very Happy

In JavaScript, add all pages:
Code:
$(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> Total de posts</li>
<li><span>'+totalUser+'</span> Total de membros</li>
<li><span>'+lastUser+'</span> Membro mais novo</li>
<li><span>'+rdtOn+'</span> Recorde de usuários online</li>
');


});
Save the code, and acess Display > Image and colors > Color > CSS > and add the CSS code:
Code:
#stats {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
padding: 5px 8px;
background: #E1E1E1;
box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-o-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
border: 1px solid #E1E1E1;
margin-bottom: 10px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
text-shadow: 1px 1px 0 white;
color: #111;
font-weight: 700;
}
.statsPers li {
float: left;
color:#666;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
Save, and see the result in forum. Wink

Shek
Active Poster

Male Posts : 1092
Reputation : 31
Language : Portuguese and English
Location : Brazil

http://www.shiftactif.com/

Back to top Go down

Solved Re: statistic, legend and staff button style like this?

Post by Michael_vx on March 24th 2014, 12:54 pm

@Shek wrote:Hello!

To Phpbb2 and punbb, modify the index_body. ;)Open your index_body and between lines 57 and 68 templante should have this code in PunBB:
Code:
<div class="main-content">
      <div id="stats">
         <p class="right">{TOTAL_POSTS}</p>
         <p>{TOTAL_USERS}</p>
         <p>{NEWEST_USER}</p>
      </div>
Or, in PhpBB2:
Code:
<tr>
      <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
      <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
      {NEWEST_USER}</span></td>
   </tr>
Replace the code for this code:
Code:
<div id="stats">
                  <br />
                  <ul class="statsPers">
                    <li class="statHide rdtOn">Teste1: {RECORD_USERS}</li>
                    <li class="statHide lastUser">Teste2: {NEWEST_USER}</li>
                    <li class="statHide totalUser">Teste3: {TOTAL_USERS}</li>
                    <li class="statHide totalPost">Teste4: {TOTAL_POSTS}</li>
                  </ul>
              <br />
        
         </div>
Save your template Very Happy

In JavaScript, add all pages:
Code:
$(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> Total de posts</li>
<li><span>'+totalUser+'</span> Total de membros</li>
<li><span>'+lastUser+'</span> Membro mais novo</li>
<li><span>'+rdtOn+'</span> Recorde de usuários online</li>
');


});
Save the code, and acess Display > Image and colors > Color > CSS > and add the CSS code:
Code:
#stats {
margin: 0 auto !important;
text-align: center !important;
display: table;
background: none;
}
.statHide{display:none !important;}
.statsPers li span a {
text-decoration: none !important;
}
.statsPers li > span {
padding: 5px 8px;
background: #E1E1E1;
box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-moz-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-webkit-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
-o-box-shadow: inset rgba(0, 0, 0, 0.3) 0px 1px 2px, rgba(255, 255, 255, 1) 0px 1px 0px;
border: 1px solid #E1E1E1;
margin-bottom: 10px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
text-shadow: 1px 1px 0 white;
color: #111;
font-weight: 700;
}
.statsPers li {
float: left;
color:#666;
margin: 2px 10px;
}
.statsPers {
list-style: none;
display: block;
margin: 0px auto;
width: 100%;
}
Save, and see the result in forum. Wink
 Sad i hope its work with topic owner
for me i can`t Edit the template
i tought that is you are talking about none template code
thanks any way
 Shocked

Michael_vx
Forumember

Male Posts : 655
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Solved Re: statistic, legend and staff button style like this?

Post by Shek on March 24th 2014, 2:01 pm

No problem friend. Smile

Shek
Active Poster

Male Posts : 1092
Reputation : 31
Language : Portuguese and English
Location : Brazil

http://www.shiftactif.com/

Back to top Go down

Solved Re: statistic, legend and staff button style like this?

Post by kumotta on March 24th 2014, 3:19 pm

@Michael_vx wrote:I wander if this could help you
this code will add image when hover on link

Code:
a:hover
{
background: url(image url) no-repeat right;
padding:10px 30px 10px 10px;
}

better do not add big image Very Happy

hello, thanks for code  Very Happy
but i want overall code to apply it  Razz 

@Shek wrote:Hello  Hello !

That depends, you could let me know the version or url of your forum Question 

Regars,
Shek

this is my forum http://komiku.forumid.net/
I have to use the code where? already a lot of code here  Razz

kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: statistic, legend and staff button style like this?

Post by Shek on March 24th 2014, 4:28 pm

Sorry, but the bar footer of your site was amende d. The conditions of use that is not allowed! Your forum is illegal. Sad

Shek
Active Poster

Male Posts : 1092
Reputation : 31
Language : Portuguese and English
Location : Brazil

http://www.shiftactif.com/

Back to top Go down

Solved Re: statistic, legend and staff button style like this?

Post by kumotta on March 24th 2014, 4:36 pm

@Shek wrote:Sorry, but the bar footer of your site was amende d. The conditions of use that is not allowed! Your forum is illegal. Sad


it is just a forum for the test  Razz

btw, I include links therein forumotion right? Smile

kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: statistic, legend and staff button style like this?

Post by Shek on March 24th 2014, 4:43 pm

@kumotta wrote:
@Shek wrote:Sorry, but the bar footer of your site was amende d. The conditions of use that is not allowed! Your forum is illegal. Sad


it is just a forum for the test  Razz

btw, I include links therein forumotion right? Smile
Yeah! Just add the links Forumotion standard, and we will be happy!

You got to test the code the message I posted a bit earlier What the fuck ?!? ?

Shek
Active Poster

Male Posts : 1092
Reputation : 31
Language : Portuguese and English
Location : Brazil

http://www.shiftactif.com/

Back to top Go down

Solved Re: statistic, legend and staff button style like this?

Post by kumotta on March 24th 2014, 4:50 pm

@Shek wrote:
@kumotta wrote:
@Shek wrote:Sorry, but the bar footer of your site was amende d. The conditions of use that is not allowed! Your forum is illegal. Sad


it is just a forum for the test  Razz

btw, I include links therein forumotion right? Smile
Yeah! Just add the links Forumotion standard, and we will be happy!

You got to test the code the message I posted a bit earlier What the fuck ?!? ?

well, maybe later I'll change  Hello

what the code is already included overall I mean?  Razz

kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: statistic, legend and staff button style like this?

Post by Michael_vx on March 24th 2014, 5:05 pm

that`s some thing like what you need but i think it will need better Background

Code:
    a:link
    {
    background: url(http://micsoft.xp3.biz/legend10.png);
    }

    a:visited
    {
    background: url(http://micsoft.xp3.biz/legend10.png);
    }

    a:active
    {
    background: url(http://micsoft.xp3.biz/legend10.png);
    }

    a:hover
    {
    background: url(http://micsoft.xp3.biz/legend10.png);
    }

Razz

Michael_vx
Forumember

Male Posts : 655
Reputation : 29
Language : Arabic and some English
Location : Egypt

Back to top Go down

Solved Re: statistic, legend and staff button style like this?

Post by Shek on March 26th 2014, 2:16 am

kumotla wrote:what the code is already included overall I mean?
Yeah! The indications in the link >> http://help.forumotion.com/t131785-statistic-legend-and-staff-button-style-like-this#884049

Thanks by info the your situation of application! Wink

Shek
Active Poster

Male Posts : 1092
Reputation : 31
Language : Portuguese and English
Location : Brazil

http://www.shiftactif.com/

Back to top Go down

Solved Re: statistic, legend and staff button style like this?

Post by kumotta on March 26th 2014, 8:06 pm

@Shek wrote:
kumotla wrote:what the code is already included overall I mean?  
Yeah! The indications in the link >> http://help.forumotion.com/t131785-statistic-legend-and-staff-button-style-like-this#884049

Thanks by info the your situation of application! Wink
thanks  Very Happy  topic solved

kumotta
Forumember

Female Posts : 204
Reputation : 3
Language : English

http://komiku.forumid.net/

Back to top Go down

Solved Re: statistic, legend and staff button style like this?

Post by SLGray on March 26th 2014, 11:16 pm

Topic Solved & Archived


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


SLGray
Administrator
Administrator

Male Posts : 35641
Reputation : 2374
Language : English
Location : United States

http://fmthemes.forumotion.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