statistic, legend and staff button style like this?
4 posters
Page 1 of 1
statistic, legend and staff button style like this?
hello,
i want to make my statistic, legend and staff button like this,
please help thanks anyway
i want to make my statistic, legend and staff button like this,
please help thanks anyway
Last edited by kumotta on March 26th 2014, 8:07 pm; edited 1 time in total
Re: statistic, legend and staff button style like this?
I wander if this could help you
this code will add image when hover on link
better do not add big image
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
Michael_vx- Forumember
- Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt
Re: statistic, legend and staff button style like this?
Hello !
That depends, you could let me know the version or url of your forum
Regars,
Shek
That depends, you could let me know the version or url of your forum
Regars,
Shek
Re: statistic, legend and staff button style like this?
do you mean me or the topic owner thanksShek wrote:Hello !
That depends, you could let me know the version or url of your forum
Regars,
Shek
Michael_vx- Forumember
- Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt
Re: statistic, legend and staff button style like this?
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.
Re: statistic, legend and staff button style like this?
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
i tought this might help the topic ownerShek 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.
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
- Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt
Re: statistic, legend and staff button style like this?
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:
In JavaScript, add all pages:
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>
- 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>
- 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>
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>
');
});
- 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%;
}
Re: statistic, legend and staff button style like this?
i hope its work with topic ownerShek 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:Or, in PhpBB2:
- Code:
<div class="main-content">
<div id="stats">
<p class="right">{TOTAL_POSTS}</p>
<p>{TOTAL_USERS}</p>
<p>{NEWEST_USER}</p>
</div>Replace the code for this code:
- 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>Save your template
- 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>
In JavaScript, add all pages:Save the code, and acess Display > Image and colors > Color > CSS > and add the CSS code:
- 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, and see the result in forum.
- 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%;
}
for me i can`t Edit the template
i tought that is you are talking about none template code
thanks any way
Michael_vx- Forumember
- Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt
Re: statistic, legend and staff button style like this?
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
hello, thanks for code
but i want overall code to apply it
Shek wrote:Hello !
That depends, you could let me know the version or url of your forum
Regars,
Shek
this is my forum http://komiku.forumid.net/
I have to use the code where? already a lot of code here
Re: statistic, legend and staff button style like this?
Sorry, but the bar footer of your site was amende d. The conditions of use that is not allowed! Your forum is illegal.
Re: statistic, legend and staff button style like this?
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.
it is just a forum for the test
btw, I include links therein forumotion right?
Re: statistic, legend and staff button style like this?
Yeah! Just add the links Forumotion standard, and we will be happy!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.
it is just a forum for the test
btw, I include links therein forumotion right?
You got to test the code the message I posted a bit earlier ?
Re: statistic, legend and staff button style like this?
Shek wrote:Yeah! Just add the links Forumotion standard, and we will be happy!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.
it is just a forum for the test
btw, I include links therein forumotion right?
You got to test the code the message I posted a bit earlier ?
well, maybe later I'll change
what the code is already included overall I mean?
Re: statistic, legend and staff button style like this?
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);
}
Michael_vx- Forumember
- Posts : 659
Reputation : 29
Language : Arabic and some English
Location : Egypt
Re: statistic, legend and staff button style like this?
Yeah! The indications in the link >> https://help.forumotion.com/t131785-statistic-legend-and-staff-button-style-like-this#884049kumotla wrote:what the code is already included overall I mean?
Thanks by info the your situation of application!
Re: statistic, legend and staff button style like this?
thanks topic solvedShek wrote:Yeah! The indications in the link >> https://help.forumotion.com/t131785-statistic-legend-and-staff-button-style-like-this#884049kumotla wrote:what the code is already included overall I mean?
Thanks by info the your situation of application!
Re: statistic, legend and staff button style like this?
Topic Solved & Archived
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Similar topics
» Help! Style in Legend,Registered User & Etc. Box
» Group's style on legend: glitter, icon & glow
» Staff usernames to match Legend
» IPB Style Button set (Topic Buttons)
» Staff button on text editor
» Group's style on legend: glitter, icon & glow
» Staff usernames to match Legend
» IPB Style Button set (Topic Buttons)
» Staff button on text editor
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum