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 style & legend

View previous topic View next topic Go down

In progress statistic style & legend

Post by mist3r0us_b0y on September 9th 2013, 2:07 pm




i want my stats style in this way any help ... ?Shocked 

i want to add legends in a box type style ... ?

hope some one help me out Exclamation 

Thanks

mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

In progress Re: statistic style & legend

Post by levy on September 9th 2013, 2:16 pm

Forum Version please ?Smile

levy
Hyperactive

Male Posts : 2582
Reputation : 345
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

In progress Re: statistic style & legend

Post by mist3r0us_b0y on September 9th 2013, 2:25 pm

sorry for not mention above Razzphpbb3

thanks

mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

In progress Re: statistic style & legend

Post by levy on September 9th 2013, 2:42 pm

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>



');
});
Now , go in Administration Panel -> Display -> Colors -> CSS Stylesheet and add that code

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;
}
And it's done, you have an similary footer with this.

levy
Hyperactive

Male Posts : 2582
Reputation : 345
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

In progress Re: statistic style & legend

Post by mist3r0us_b0y on September 9th 2013, 2:47 pm

sorry to say nothing changed Sad

Any help url here (http://gsmehfil.forumotion.net/)

Thanks

mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

In progress Re: statistic style & legend

Post by levy on September 9th 2013, 2:51 pm

Verify if you have the Javascript activated .
You want to style the statistics like screenshoot or want a similary table ?

levy
Hyperactive

Male Posts : 2582
Reputation : 345
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

In progress Re: statistic style & legend

Post by mist3r0us_b0y on September 9th 2013, 2:53 pm

same as in screen shot please
and yes js is activated
Thanks

mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

In progress Re: statistic style & legend

Post by levy on September 9th 2013, 6:11 pm

I can't make exactly like the screenshoot because is protected by a copyright :'(

levy
Hyperactive

Male Posts : 2582
Reputation : 345
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

In progress Re: statistic style & legend

Post by mist3r0us_b0y on September 9th 2013, 7:10 pm

how about similar to that ?

mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

In progress Re: statistic style & legend

Post by levy on September 9th 2013, 7:22 pm

I looked on your javascripts and you don't added my..

levy
Hyperactive

Male Posts : 2582
Reputation : 345
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

In progress Re: statistic style & legend

Post by mist3r0us_b0y on September 9th 2013, 7:40 pm

i added before when nothing comes up so i delided em

Thanks u can see u got my pm for test account Wink

mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

In progress Re: statistic style & legend

Post by IdaTR on September 11th 2013, 7:05 pm

Is it possible forPunBBto?

IdaTR
Forumember

Female Posts : 339
Reputation : 1
Language : Danish, english
Location : Denmark

http://nionevrien.forumq.net/

Back to top Go down

In progress Re: statistic style & legend

Post by Sir Chivas™ on September 11th 2013, 8:14 pm

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.

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

In progress Re: statistic style & legend

Post by mist3r0us_b0y on September 11th 2013, 9:29 pm

Sir chivas a

Any help for phpbb3 ?

thanks in advance waiting for ur response

mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

In progress Re: statistic style & legend

Post by Nera. on September 11th 2013, 9:44 pm

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>');});
Than add the CSS he posted up. This is what you'll get put of it. It's tested on FM so it would work on your BB3 forum.


Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

In progress Re: statistic style & legend

Post by mist3r0us_b0y on September 11th 2013, 9:55 pm

nothing changed Sad

Any help ?

thanks

mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

In progress Re: statistic style & legend

Post by Nera. on September 11th 2013, 10:00 pm

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?

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

In progress Re: statistic style & legend

Post by mist3r0us_b0y on September 11th 2013, 10:05 pm

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

mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

In progress Re: statistic style & legend

Post by levy on September 11th 2013, 11:17 pm

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">');
});
Now , go in administration Panel -> Display -> Colors -> CSS Stylesheet

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;
}
I can't make exactly like table , but I can change the style .

levy
Hyperactive

Male Posts : 2582
Reputation : 345
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

In progress Re: statistic style & legend

Post by mist3r0us_b0y on September 12th 2013, 2:39 am

ummmmmm still remains same ?

u have test acc please check it out

Thanks waiting for ur response

mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

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