statistic style & legend
5 posters
Page 1 of 1
Re: statistic style & legend
Go in administration Panel -> Modules -> Javascript Management -> Create a new javascript , tick in all pages , name what you want
- Code:
$(function(e) {
$('#wrap').after('
<div class="fotis">
<div class="fotis_content">
<div class="left_fotis">
<div class="header_fotis">Who we are ?</div>
We are a new community dedicated to gaming We are a new community dedicated to gaming We are a new community dedicated to gaming We are a new community dedicated to gaming We are a new community dedicated to gaming
</div>
<div class="center_fotis">
<div class="header_fotis">Who we are ?</div>
We are a new community dedicated to gaming We are a new community dedicated to gaming We are a new community dedicated to gaming We are a new community dedicated to gaming We are a new community dedicated to gaming
</div>
<div class="right_fotis">
<div class="header_fotis">Who we are ?</div>
We are a new community dedicated to gaming We are a new community dedicated to gaming We are a new community dedicated to gaming We are a new community dedicated to gaming We are a new community dedicated to gaming
</div>
</div>
</div>
');
});
- Code:
.fotis{
padding: 10px;
margin: 0 auto;
}
.fotis_content {
max-width: 740px;
margin: 0 auto;
background: rgb(116, 116, 116);
padding: 20px;
font-size: 11px;
border-radius: 5px;
color: #474747;
text-shadow: none;
border: 1px solid rgb(66, 66, 66);
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.17) inset;
}
.left_fotis {
float: left;
max-width: 220px;
border-right: 1px solid rgba(0, 0, 0, 0.4);
padding-right: 10px;
box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.29);
}
.header_fotis {
font-size: 20px;
text-align: center;
color: white;
}
.center_fotis {
width: 220px;
margin: 0 auto;
padding-left: 30px!important;
border-right: 1px solid rgba(0, 0, 0, 0.4);
box-shadow: 1px 0px 0px rgba(255, 255, 255, 0.29);
padding-right: 10px;
display: inline-block;
}
.right_fotis {
width: 225px;
float: right;
margin-top: -2px;
}
Re: statistic style & legend
Verify if you have the Javascript activated .
You want to style the statistics like screenshoot or want a similary table ?
You want to style the statistics like screenshoot or want a similary table ?
Re: statistic style & legend
I can't make exactly like the screenshoot because is protected by a copyright :'(
Re: statistic style & legend
i added before when nothing comes up so i delided em
Thanks u can see u got my pm for test account
Thanks u can see u got my pm for test account
Re: statistic style & legend
Hi,
it is possible for punBB since you are able to edit the templates. However, I can provided something similar to it? Can you please create your separte thread and I'll be more glad to help you out with it, thank you.
it is possible for punBB since you are able to edit the templates. However, I can provided something similar to it? Can you please create your separte thread and I'll be more glad to help you out with it, thank you.
Re: statistic style & legend
Sir chivas a
Any help for phpbb3 ?
thanks in advance waiting for ur response
Any help for phpbb3 ?
thanks in advance waiting for ur response
Re: statistic style & legend
Mistirious boy, candyfears script will work but he copied it in the post a bit messy, copy now::
- Code:
$(function(e) {
$('#wrap').after('<div class="fotis"><div class="fotis_content"><div class="left_fotis"><div class="header_fotis">Who we are ?</div>We are a new community dedicated to gaming We are a new community dedicated to gaming We are a new community dedicated to gaming We are a new community dedicated to gaming We are a new community dedicated to gaming</div><div class="center_fotis"><div class="header_fotis">Who we are ?</div>We are a new community dedicated to gaming We are a new community dedicated to gaming We are a new community dedicated to gaming We are a new community dedicated to gaming We are a new community dedicated to gaming</div><div class="right_fotis"><div class="header_fotis">Who we are ?</div>We are a new community dedicated to gaming We are a new community dedicated to gaming We are a new community dedicated to gaming We are a new community dedicated to gaming We are a new community dedicated to gaming</div></div></div>');});
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: statistic style & legend
It's appearing fine for me on your forum after test it. Look at the bottom of the page.
Did you add the script corectly in Modules > JS Managment, mark all pages, and enabled JS?
Did you add the script corectly in Modules > JS Managment, mark all pages, and enabled JS?
Nera.- Energetic
- Posts : 7078
Reputation : 2017
Language : English
Location : -
Re: statistic style & legend
no no u got me wrong i dont need a saperate box downwords
am giving an example to have my statistics look like that i hope u got it ?
i mean there are one box three colums
1. who's online 2. stats 3. legends
thanks
am giving an example to have my statistics look like that i hope u got it ?
i mean there are one box three colums
1. who's online 2. stats 3. legends
thanks
Re: statistic style & legend
Create a new javascript and add that :
- Code:
$(document).ready(function(){
$('img#i_whosonline').next('p').addClass('p_cine_este_conectat');
$('div.h3:contains("Who is Online?")').addClass('a_cine_este_conectat');
$('div.h3:contains("Statistcs")').addClass('a_statistici');
$('.a_statistici').next('.page-bottom').addClass('p_statistici');
$('.a_statistici').next('.page-bottom').next('.page-bottom').addClass('p_statistici');
$('.a_statistici').next('.page-bottom').next('.page-bottom').next('.page-bottom').addClass('p_statistici');
$('.p_statistici:eq(0)').addClass('p-bottom');
$('.p_statistici:eq(1)').addClass('p-bottom');
$('.p_statistici:eq(2)').addClass('p-bottom');
$('.p-bottom').wrapAll('<div class="p_statistici_toate">');
});
- Code:
.a_statistici, .a_cine_este_conectat{
border-bottom: none;
background: #F3F3F3;
border: 1px solid #DDD;
padding: 5px 10px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-border-radius: 3px;
text-align: center;
margin-bottom: 5px;
box-shadow: inset 0px 0px 5px #DDD;
}
.p_cine_este_conectat, .p_statistici{
background: #EEE;
border: 1px solid #DDD;
padding: 5px 10px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-border-radius: 3px;
}
.p_statistici.doilea, .p_statistici.treilea{
margin-top: 3px!important;
}
.p_cine_este_conectat em{
font-style:normal!important;
padding-top: 6px;
border-top: 1px solid #DDD;
display: block!important;
}
#i_whosonline{
float: right;
}
Re: statistic style & legend
ummmmmm still remains same ?
u have test acc please check it out
Thanks waiting for ur response
u have test acc please check it out
Thanks waiting for ur response
Similar topics
» Legend picture next to the legend name + lighting colour
» Group's style on legend
» Help! Style in Legend,Registered User & Etc. Box
» [Question]Legend cant show Legend
» Request is similar to Style Style Forum support and assistance
» Group's style on legend
» Help! Style in Legend,Registered User & Etc. Box
» [Question]Legend cant show Legend
» Request is similar to Style Style Forum support and assistance
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum