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 Thu Oct 10, 2013 8:13 pm

how to change this 




in to this ?

avatar
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 Thu Oct 10, 2013 8:15 pm

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.
avatar
Sir Chivas™
Support Moderator
Support Moderator

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

Back to top Go down

Re: changing style of category

Post by mist3r0us_b0y on Thu Oct 10, 2013 8:22 pm

phpbb3

its absolution
avatar
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 Thu Oct 10, 2013 8:24 pm

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.
avatar
Sir Chivas™
Support Moderator
Support Moderator

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

Back to top Go down

Re: changing style of category

Post by mist3r0us_b0y on Thu Oct 10, 2013 8:26 pm



Last edited by mist3r0us_b0y on Sat Oct 12, 2013 8:10 am; edited 2 times in total
avatar
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 Fri Oct 11, 2013 1: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
avatar
levy
Hyperactive

Male Posts : 2586
Reputation : 346
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

Re: changing style of category

Post by mist3r0us_b0y on Sat Oct 12, 2013 5:15 am

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
avatar
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 Sat Oct 12, 2013 5:16 am

No , you can't do that , sorry.
avatar
levy
Hyperactive

Male Posts : 2586
Reputation : 346
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

Re: changing style of category

Post by mist3r0us_b0y on Sat Oct 12, 2013 5:17 am

no i mean they are on and above

can we make it side by side ?
avatar
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 Sat Oct 12, 2013 5:27 am

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;
}
avatar
levy
Hyperactive

Male Posts : 2586
Reputation : 346
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

Re: changing style of category

Post by mist3r0us_b0y on Sat Oct 12, 2013 5:46 am



its ended something like this

how to make them in line side by side ?

thanks
avatar
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 Sat Oct 12, 2013 5:59 am

Modify this part:

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

Male Posts : 2586
Reputation : 346
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

Re: changing style of category

Post by mist3r0us_b0y on Sat Oct 12, 2013 7:24 am

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



Thanks
avatar
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 Sat Oct 12, 2013 7:39 am

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

Male Posts : 2586
Reputation : 346
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

Re: changing style of category

Post by mist3r0us_b0y on Sat Oct 12, 2013 7:48 am

Thanks candy for helping out

:wouhou: topic solved can lock
avatar
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 Sat Oct 12, 2013 8:01 am

Glad could I help you cheers
avatar
levy
Hyperactive

Male Posts : 2586
Reputation : 346
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

Re: changing style of category

Post by mist3r0us_b0y on Sat Oct 12, 2013 8:08 am

wooooooooooo i got a problem

when i enter a subforum this wot happnedSadSad

avatar
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 Sat Oct 12, 2013 8:26 am

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

Male Posts : 2586
Reputation : 346
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

Re: changing style of category

Post by mist3r0us_b0y on Sat Oct 12, 2013 8:45 am

this isnt helped out

i pm u test account

Thanks
avatar
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 Sat Oct 12, 2013 8:49 am

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.
avatar
levy
Hyperactive

Male Posts : 2586
Reputation : 346
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

Re: changing style of category

Post by mist3r0us_b0y on Sat Oct 12, 2013 8:55 am

avatar
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 Sat Oct 12, 2013 9:04 am

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

Male Posts : 2586
Reputation : 346
Language : Romanian, English
Location : criticize artwork, not people!

http://help.forumotion.com/

Back to top Go down

Re: changing style of category

Post by mist3r0us_b0y on Sat Oct 12, 2013 9:07 am

so it mean sub forum remains same ? as the above pic cause dont have widgets in it hmmm
avatar
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 Fri Oct 18, 2013 5:18 am

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

Thanks
avatar
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