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.

how to make the subforum like this?

This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.

View previous topic View next topic Go down

Solved how to make the subforum like this?

Post by akbarmaulana on May 16th 2014, 4:40 am

hello Very Happy
how to make the subforum like this?

the forum www.atlanta.forumid.net
thanks before Very Happy


Last edited by akbarmaulana on May 16th 2014, 5:30 am; edited 1 time in total

akbarmaulana
Forumember

Posts : 140
Reputation : 1
Language : Indonesian

Back to top Go down

Solved Re: how to make the subforum like this?

Post by Devan on May 16th 2014, 4:52 am

Follow this tutorial through and edit it to your liking.

http://help.forumotion.com/t21989-multi-forums-in-one
avatar
Devan
Forumember

Male Posts : 282
Reputation : 7
Language : English
Location : New Jersey

http://yugioh-universe.findforum.net/

Back to top Go down

Solved Re: how to make the subforum like this?

Post by akbarmaulana on May 16th 2014, 5:18 am

Devan wrote:Follow this tutorial through and edit it to your liking.

http://help.forumotion.com/t21989-multi-forums-in-one

i have to do it, but the subforums are different with the picture Sad

akbarmaulana
Forumember

Posts : 140
Reputation : 1
Language : Indonesian

Back to top Go down

Solved Re: how to make the subforum like this?

Post by erchima on May 16th 2014, 2:32 pm

what your forum link?
avatar
erchima
Forumember

Female Posts : 629
Reputation : 15
Language : INDONESIAN | Lua Script | Visual Basic | and Coding
Location : Under your bed xD

http://erchimacute.forumid.net

Back to top Go down

Solved Re: how to make the subforum like this?

Post by akbarmaulana on May 16th 2014, 2:41 pm

erchima wrote:what your forum link?
my forum www.borneocyber.forumid.net

akbarmaulana
Forumember

Posts : 140
Reputation : 1
Language : Indonesian

Back to top Go down

Solved Re: how to make the subforum like this?

Post by erchima on May 16th 2014, 3:03 pm

add this to CSS
Code:
.subforums {
margin: 2px 0 3px 5px;
padding-left: 20px;
background: url(http://community.invisionpower.com/filestore/public/style_images/master/subforum_stem.png) no-repeat left 4px;
overflow: hidden;
float: left;
min-width: 100px;
}
.sub:nth-child(odd) {
float: left;
clear: both;
width: 160px;
position: relative;
}
.sub:nth-child(even) {
float: right;
width: auto;
position: relative;
}
.sub:nth-child(even):last-child {
position: relative;
left: -3px;
}
javascript
Code:
$(document).ready(function(){
$('.subforums').each(function(){
$(this).find('a:has(img)').next().wrap('<li class="sub" />');
$(this).find('a:has(img)').remove();
});
$('.subforums').each(function(index){
cm = $(this).html();
cm = cm.replace(/, /gi,'');
$(this).html(cm);
});
});
ACP > Display > Templates > General > index_box
find:
Code:
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
replace with
Code:
<ul class="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</ul>
avatar
erchima
Forumember

Female Posts : 629
Reputation : 15
Language : INDONESIAN | Lua Script | Visual Basic | and Coding
Location : Under your bed xD

http://erchimacute.forumid.net

Back to top Go down

Solved Re: how to make the subforum like this?

Post by akbarmaulana on May 17th 2014, 1:33 am

erchima wrote:add this to CSS
Code:
.subforums {
margin: 2px 0 3px 5px;
padding-left: 20px;
background: url(http://community.invisionpower.com/filestore/public/style_images/master/subforum_stem.png) no-repeat left 4px;
overflow: hidden;
float: left;
min-width: 100px;
}
.sub:nth-child(odd) {
float: left;
clear: both;
width: 160px;
position: relative;
}
.sub:nth-child(even) {
float: right;
width: auto;
position: relative;
}
.sub:nth-child(even):last-child {
position: relative;
left: -3px;
}
javascript
Code:
$(document).ready(function(){
$('.subforums').each(function(){
$(this).find('a:has(img)').next().wrap('<li class="sub" />');
$(this).find('a:has(img)').remove();
});
$('.subforums').each(function(index){
cm = $(this).html();
cm = cm.replace(/, /gi,'');
$(this).html(cm);
});
});
ACP > Display > Templates > General > index_box
find:
Code:
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
replace with
Code:
<ul class="subforums">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</ul>

thanks's it's work Very Happy
i want to ask again Very Happy
how to make the dot like that?

akbarmaulana
Forumember

Posts : 140
Reputation : 1
Language : Indonesian

Back to top Go down

Solved Re: how to make the subforum like this?

Post by erchima on May 17th 2014, 12:55 pm

on your template/theme no support to add the image
avatar
erchima
Forumember

Female Posts : 629
Reputation : 15
Language : INDONESIAN | Lua Script | Visual Basic | and Coding
Location : Under your bed xD

http://erchimacute.forumid.net

Back to top Go down

Solved Re: how to make the subforum like this?

Post by akbarmaulana on May 17th 2014, 1:03 pm

erchima wrote:on your template/theme no support to add the image
why? Sad

akbarmaulana
Forumember

Posts : 140
Reputation : 1
Language : Indonesian

Back to top Go down

Solved Re: how to make the subforum like this?

Post by erchima on May 17th 2014, 1:05 pm

i dont know, because I ever use the template as you use

Edit:

try with add image on your subforum
Code:
.sub:nth-child(even) {
background: url(http://i57.servimg.com/u/f57/16/49/10/98/minion10.gif) no-repeat scroll 0 0 transparent;
float: right;
margin-left: 150px;
position: relative;
text-indent: 16px;
width: 132px;}
.sub:nth-child(even):last-child {
position: relative;
left: -3px;}
avatar
erchima
Forumember

Female Posts : 629
Reputation : 15
Language : INDONESIAN | Lua Script | Visual Basic | and Coding
Location : Under your bed xD

http://erchimacute.forumid.net

Back to top Go down

Solved Re: how to make the subforum like this?

Post by akbarmaulana on May 17th 2014, 1:17 pm

yeah it's work, but look this

akbarmaulana
Forumember

Posts : 140
Reputation : 1
Language : Indonesian

Back to top Go down

Solved Re: how to make the subforum like this?

Post by erchima on May 17th 2014, 1:20 pm

delete your css subforum then replace with this css
Code:
/*subforum*/
.subforums {
margin: 2px 0 3px 5px;
padding-left: 20px;
background: url(http://i.imgur.com/RNFbwhU.png) no-repeat left 4px;
overflow: hidden;
float: left;
min-width: 100px;}
.sub:nth-child(odd) {
background: url(http://i57.servimg.com/u/f57/16/49/10/98/minion10.gif) no-repeat scroll -2px 0 transparent;
clear: both;
float: left;
margin-left: -23px;
position: relative;
text-indent: 13px;
width: 182px;}
.sub:nth-child(even) {
background: url(http://i57.servimg.com/u/f57/16/49/10/98/minion10.gif) no-repeat scroll 0 0 transparent;
float: right;
margin-left: 50px;
position: relative;
text-indent: 16px;
width: 132px;}
.sub:nth-child(even):last-child {
position: relative;
left: -3px;}
avatar
erchima
Forumember

Female Posts : 629
Reputation : 15
Language : INDONESIAN | Lua Script | Visual Basic | and Coding
Location : Under your bed xD

http://erchimacute.forumid.net

Back to top Go down

Solved Re: how to make the subforum like this?

Post by akbarmaulana on May 17th 2014, 1:25 pm

erchima wrote:delete your css subforum then replace with this css
Code:
/*subforum*/
.subforums {
margin: 2px 0 3px 5px;
padding-left: 20px;
background: url(http://i.imgur.com/RNFbwhU.png) no-repeat left 4px;
overflow: hidden;
float: left;
min-width: 100px;}
.sub:nth-child(odd) {
background: url(http://i57.servimg.com/u/f57/16/49/10/98/minion10.gif) no-repeat scroll -2px 0 transparent;
clear: both;
float: left;
margin-left: -23px;
position: relative;
text-indent: 13px;
width: 182px;}
.sub:nth-child(even) {
background: url(http://i57.servimg.com/u/f57/16/49/10/98/minion10.gif) no-repeat scroll 0 0 transparent;
float: right;
margin-left: 50px;
position: relative;
text-indent: 16px;
width: 132px;}
.sub:nth-child(even):last-child {
position: relative;
left: -3px;}
wow it's work, thank you very much about your help Very Happy

it's solved now Very Happy


Last edited by akbarmaulana on May 17th 2014, 1:27 pm; edited 1 time in total

akbarmaulana
Forumember

Posts : 140
Reputation : 1
Language : Indonesian

Back to top Go down

Solved Re: how to make the subforum like this?

Post by erchima on May 17th 2014, 1:26 pm

you're welcome
avatar
erchima
Forumember

Female Posts : 629
Reputation : 15
Language : INDONESIAN | Lua Script | Visual Basic | and Coding
Location : Under your bed xD

http://erchimacute.forumid.net

Back to top Go down

Solved Re: how to make the subforum like this?

Post by SLGray on May 17th 2014, 8:10 pm

Problem solved & topic archived.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 40483
Reputation : 2730
Language : English
Location : United States

https://fmthemes.forumotion.com/

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