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.

changing style of category

View previous topic View next topic Go down

changing style of category

Post by mist3r0us_b0y on October 11th 2013, 4:13 am

how to change this 




in to this ?


mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

Re: changing style of category

Post by Sir Chivas™ on October 11th 2013, 4:15 am

Hi,

Which forum version are you currently using? Can you post the URL of the forum that you used on the second screenshot, thank you.

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Re: changing style of category

Post by mist3r0us_b0y on October 11th 2013, 4:22 am

phpbb3

its absolution

mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

Re: changing style of category

Post by Sir Chivas™ on October 11th 2013, 4:24 am

What are you referring to absolution? Can you provide an URL, thank you?

Since this version doesn't have access to templates, it'll be done via JS, which I can probably code for you, but not the best with JS. So forgive me if I can't provide such coding. Thank you.

Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Re: changing style of category

Post by mist3r0us_b0y on October 11th 2013, 4:26 am



Last edited by mist3r0us_b0y on October 12th 2013, 4:10 pm; edited 2 times in total

mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

Re: changing style of category

Post by levy on October 11th 2013, 9:06 pm

Go in CSS Stylesheet and add that code :

Code:
.forabg ul.topiclist li.header dd.posts{
 visibility: hidden;
 width: 0px;
}

ul.topiclist dfn {
display: block;
margin-top: -10px;
margin-left: 3px;
}

.forabg ul.topiclist.forums li.row dd.posts{
 visibility: hidden;
 width: 10px;
}

.w_posts, .w_topics{
 visibility: visible !important;
}

.w_topics, .w_posts {
background: url(http://demo.phpbb3styles.net/styles/absolution/theme/images/statbubble.png) transparent;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: none;
position: relative;
width: 71px;
font-weight: bold;
margin-top: 5px!important;
height: 42px;
 margin:0 auto;
}

.forabg ul.topiclist.forums li.row dd.topics, .forabg ul.topiclist li.header dd.topics{
 width: 12%;
}

.forabg ul.topiclist.forums li.row dd.posts, .forabg ul.topiclist li.header dd.posts{
 width: 20px;
}

.forabg ul.topiclist.forums li.row dd.topics{
 padding-left: 10px;
}

.forabg ul.topiclist li.header dd.topics{
 padding-left: 10px !important;
}
Now , create a new javascript name what you want , tick in index and fill with that :

Code:
$(document).ready(function(){
 $('.forabg ul.topiclist.forums li.row').each(function(){
  $(this).find('dd.posts').wrapInner('<div class="w_posts">');
  $(this).find('dd.topics').wrapInner('<div class="w_topics">');
  var towtopics = $(this).find('.w_topics');
  $(this).find('.w_posts').insertAfter(towtopics);
  $(this).find('.w_topics').append('');
  $(this).find('.w_posts').append('');
 });
 $('.forabg ul.topiclist li.header dd.topics').text('Statistici');
});
And that's all ! thumleft

levy
Hyperactive

Male Posts : 2566
Reputation : 344
Language : Romanian, English
Location : Romania | Feel free to tag me into your topic if you have a problem

http://help.forumotion.com/

Back to top Go down

Re: changing style of category

Post by mist3r0us_b0y on October 12th 2013, 1:15 pm

ohhh thanks so much candy the result i got this



see above the picture it has two boxes's so can we make two instead of one ?

waiting for ur response

Thanks

mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

Re: changing style of category

Post by levy on October 12th 2013, 1:16 pm

No , you can't do that , sorry.

levy
Hyperactive

Male Posts : 2566
Reputation : 344
Language : Romanian, English
Location : Romania | Feel free to tag me into your topic if you have a problem

http://help.forumotion.com/

Back to top Go down

Re: changing style of category

Post by mist3r0us_b0y on October 12th 2013, 1:17 pm

no i mean they are on and above

can we make it side by side ?

mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

Re: changing style of category

Post by levy on October 12th 2013, 1:27 pm

Yes we can, add that in your CSS:

Code:
.forabg ul.topiclist.forums li.row dd.topics {
width: 15%;
}

.w_topics{
float: left;
}

.w_posts{
float:right;
}

levy
Hyperactive

Male Posts : 2566
Reputation : 344
Language : Romanian, English
Location : Romania | Feel free to tag me into your topic if you have a problem

http://help.forumotion.com/

Back to top Go down

Re: changing style of category

Post by mist3r0us_b0y on October 12th 2013, 1:46 pm



its ended something like this

how to make them in line side by side ?

thanks

mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

Re: changing style of category

Post by levy on October 12th 2013, 1:59 pm

Modify this part:

Code:
.forabg ul.topiclist.forums li.row dd.topics {
width: 15%;
}
change 15 with 17 or how you want.

levy
Hyperactive

Male Posts : 2566
Reputation : 344
Language : Romanian, English
Location : Romania | Feel free to tag me into your topic if you have a problem

http://help.forumotion.com/

Back to top Go down

Re: changing style of category

Post by mist3r0us_b0y on October 12th 2013, 3:24 pm

at last u helped out
can i get some space between statistici and last post ?



Thanks

mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

Re: changing style of category

Post by levy on October 12th 2013, 3:39 pm

Code:
dd.lastpost{
padding-left: 5px;
margin-left: 5px;
}
Add that in your CSS Stylesheet

levy
Hyperactive

Male Posts : 2566
Reputation : 344
Language : Romanian, English
Location : Romania | Feel free to tag me into your topic if you have a problem

http://help.forumotion.com/

Back to top Go down

Re: changing style of category

Post by mist3r0us_b0y on October 12th 2013, 3:48 pm

Thanks candy for helping out

:wouhou: topic solved can lock

mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

Re: changing style of category

Post by levy on October 12th 2013, 4:01 pm

Glad could I help you cheers

levy
Hyperactive

Male Posts : 2566
Reputation : 344
Language : Romanian, English
Location : Romania | Feel free to tag me into your topic if you have a problem

http://help.forumotion.com/

Back to top Go down

Re: changing style of category

Post by mist3r0us_b0y on October 12th 2013, 4:08 pm

wooooooooooo i got a problem

when i enter a subforum this wot happnedSadSad


mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

Re: changing style of category

Post by levy on October 12th 2013, 4:26 pm

replace last code with this one :
Code:
dd.lastpost {
padding-left: 2px!important;
}

levy
Hyperactive

Male Posts : 2566
Reputation : 344
Language : Romanian, English
Location : Romania | Feel free to tag me into your topic if you have a problem

http://help.forumotion.com/

Back to top Go down

Re: changing style of category

Post by mist3r0us_b0y on October 12th 2013, 4:45 pm

this isnt helped out

i pm u test account

Thanks

mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

Re: changing style of category

Post by levy on October 12th 2013, 4:49 pm

The main problem of that problem is from your images

Code:
dd.lastpost {
padding-left: 0px!important;
}

.forabg ul.topiclist.forums li.row dd.topics {
width: 16%;
padding-left:0px!important;
}
Add that in your CSS Stylesheet

The second problem is becuase you don't have the widgets and in subforums.

levy
Hyperactive

Male Posts : 2566
Reputation : 344
Language : Romanian, English
Location : Romania | Feel free to tag me into your topic if you have a problem

http://help.forumotion.com/

Back to top Go down

Re: changing style of category

Post by mist3r0us_b0y on October 12th 2013, 4:55 pm


mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

Re: changing style of category

Post by levy on October 12th 2013, 5:04 pm

Hm , probably , you don't read what I saw :
The problem is because you don't have widgets in subforums .

levy
Hyperactive

Male Posts : 2566
Reputation : 344
Language : Romanian, English
Location : Romania | Feel free to tag me into your topic if you have a problem

http://help.forumotion.com/

Back to top Go down

Re: changing style of category

Post by mist3r0us_b0y on October 12th 2013, 5:07 pm

so it mean sub forum remains same ? as the above pic cause dont have widgets in it hmmm

mist3r0us_b0y
Forumember

Male Posts : 747
Reputation : 19
Language : english

http://sh.st/nJRXG

Back to top Go down

Re: changing style of category

Post by mist3r0us_b0y on October 18th 2013, 1:18 pm

ok i removed widget's from index still it remain's same any help ?

Thanks

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