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.

statistic, legend and staff button style like this?

4 posters

Go down

Solved statistic, legend and staff button style like this?

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

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




statistic, legend and staff button style like this? Legend10


please help  Question  thanks anyway  Mr. Green


Last edited by kumotta on March 26th 2014, 8:07 pm; edited 1 time in total
kumotta
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 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
Michael_vx
Forumember

Male Posts : 664
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 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
Shek
Active Poster

Male Posts : 1679
Reputation : 60
Language : Portuguese and English
Location : Brazil

https://publipos.net

Back to top Go down

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

Post by Michael_vx 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
Michael_vx
Forumember

Male Posts : 664
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 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
Shek
Active Poster

Male Posts : 1679
Reputation : 60
Language : Portuguese and English
Location : Brazil

https://publipos.net

Back to top Go down

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

Post by Michael_vx 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
Michael_vx
Forumember

Male Posts : 664
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 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
Shek
Active Poster

Male Posts : 1679
Reputation : 60
Language : Portuguese and English
Location : Brazil

https://publipos.net

Back to top Go down

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

Post by Michael_vx 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
Michael_vx
Forumember

Male Posts : 664
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 March 24th 2014, 2:01 pm

No problem friend. Smile
Shek
Shek
Active Poster

Male Posts : 1679
Reputation : 60
Language : Portuguese and English
Location : Brazil

https://publipos.net

Back to top Go down

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

Post by kumotta 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
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 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
Shek
Active Poster

Male Posts : 1679
Reputation : 60
Language : Portuguese and English
Location : Brazil

https://publipos.net

Back to top Go down

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

Post by kumotta 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
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 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
Shek
Active Poster

Male Posts : 1679
Reputation : 60
Language : Portuguese and English
Location : Brazil

https://publipos.net

Back to top Go down

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

Post by kumotta 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
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 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
Michael_vx
Forumember

Male Posts : 664
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 March 26th 2014, 2:16 am

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

Thanks by info the your situation of application! Wink
Shek
Shek
Active Poster

Male Posts : 1679
Reputation : 60
Language : Portuguese and English
Location : Brazil

https://publipos.net

Back to top Go down

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

Post by kumotta 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 >> https://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
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 March 26th 2014, 11:16 pm

Topic Solved & Archived


statistic, legend and staff button style like this? 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 : 51452
Reputation : 3519
Language : English
Location : United States

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

Back to top Go down

Back to top

- Similar topics

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