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?

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

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?

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>

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

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;}

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;}

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

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.


SLGray
Administrator
Administrator

Male Posts : 35661
Reputation : 2375
Language : English
Location : United States

http://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