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 category like this?

Page 2 of 2 Previous  1, 2

View previous topic View next topic Go down

Solved how to make category like this?

Post by akbarmaulana on Sat May 17, 2014 1:07 am

First topic message reminder :

hello Very Happy
how to make category like this?

my forum www.borneocyber.forumid.net
thanks before Very Happy


Last edited by akbarmaulana on Tue May 20, 2014 9:35 pm; edited 1 time in total

akbarmaulana
Forumember

Posts : 140
Reputation : 1
Language : Indonesian

Back to top Go down


Solved Re: how to make category like this?

Post by akbarmaulana on Tue May 20, 2014 9:10 pm

@erchima wrote:
@SLGray wrote:Try resyning your forum.

Administration Panel > General > Forum > Configuration
At the bottom.
i think, its just on CSS
but in google chrome and mozilla, the forum is like this :


akbarmaulana
Forumember

Posts : 140
Reputation : 1
Language : Indonesian

Back to top Go down

Solved Re: how to make category like this?

Post by erchima on Tue May 20, 2014 9:12 pm

Step 1


find on your CSS
Code:
#user_bar{
bla bla bla}
Delete it and change with code below
Code:
#user_bar {
-moz-box-shadow: inset rgba(255,255,255,0.25) 0 0 0 1px;
-webkit-box-shadow: inset rgba(255,255,255,0.25) 0 0 0 1px;
background: rgba(0,0,0,0.18);
border: 1px solid rgba(0,0,0,0.35);
border-bottom: 0;
box-shadow: inset rgba(255,255,255,0.25) 0 0 0 1px;
height: 46px;
margin-top: 100px;
}

STEP 2

find on your CSS
Code:
#search_wrap{
bla bla bla}
Delete it and chae to
Code:
#search_wrap {
-moz-border-radius: 3px 4px 4px 3px;
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
background: #fff;
border-radius: 3px 4px 4px 3px;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
display: block;
height: 26px;
line-height: 25px;
min-width: 230px;
padding: 0 26px 0 4px;
position: relative;
top: -50px;
right: -35px;
}

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 category like this?

Post by akbarmaulana on Tue May 20, 2014 9:17 pm

@erchima wrote:Step 1


find on your CSS
Code:
#user_bar{
bla bla bla}
Delete it and change with code below
Code:
#user_bar {
-moz-box-shadow: inset rgba(255,255,255,0.25) 0 0 0 1px;
-webkit-box-shadow: inset rgba(255,255,255,0.25) 0 0 0 1px;
background: rgba(0,0,0,0.18);
border: 1px solid rgba(0,0,0,0.35);
border-bottom: 0;
box-shadow: inset rgba(255,255,255,0.25) 0 0 0 1px;
height: 46px;
margin-top: 100px;
}

STEP 2

find on your CSS
Code:
#search_wrap{
bla bla bla}
Delete it and chae to
Code:
#search_wrap {
-moz-border-radius: 3px 4px 4px 3px;
-moz-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
background: #fff;
border-radius: 3px 4px 4px 3px;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
display: block;
height: 26px;
line-height: 25px;
min-width: 230px;
padding: 0 26px 0 4px;
position: relative;
top: -50px;
right: -35px;
}


it's work Very Happy
i wat to ask again Very Happy
how to change the background? i want to use image for the background Very Happy

akbarmaulana
Forumember

Posts : 140
Reputation : 1
Language : Indonesian

Back to top Go down

Solved Re: how to make category like this?

Post by erchima on Tue May 20, 2014 9:20 pm

find on your CSS
Code:
body {
background: #272727 url(http://www.ipbforumskins.com/skindemo/public/style_images/overlayr34x/background.jpg) repeat-x 0 0;
color: #5A5A5A;
font-family: tahoma,helvetica,arial,sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
padding-bottom: 20px;
}
change the URL with your URL 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 category like this?

Post by akbarmaulana on Tue May 20, 2014 9:23 pm

@erchima wrote:find on your CSS
Code:
body {
background: #272727 url(http://www.ipbforumskins.com/skindemo/public/style_images/overlayr34x/background.jpg) repeat-x 0 0;
color: #5A5A5A;
font-family: tahoma,helvetica,arial,sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: normal;
padding-bottom: 20px;
}
change the URL with your URL IMAGE
thanks about your help Very Happy
it's solved now Very Happy

akbarmaulana
Forumember

Posts : 140
Reputation : 1
Language : Indonesian

Back to top Go down

Solved Re: how to make category like this?

Post by erchima on Tue May 20, 2014 9:24 pm

change the title on your topic with "SOLVED" icon Razz

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 category like this?

Post by SLGray on Tue May 20, 2014 10:25 pm

Topic Solved & Archived


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


SLGray
Administrator
Administrator

Male Posts : 36681
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Page 2 of 2 Previous  1, 2

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum