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.

Space between icons

View previous topic View next topic Go down

Space between icons

Post by ,dArkRay on July 14th 2013, 2:40 am

Hi Guys! This are my forums:
http://mewtwoproject.motionforum.net/

If you go to the bottom you will se this:

Novas mensagens Não há novas mensagens Fórum Bloqueado

I want them to be like this (with a space):

  Novas mensagens   Não há novas mensagens   Fórum Bloqueado

This can be fixed, probably with CSS right? Can you give me a hand?

My Actual CSS:
Code:
#page-header .navbar {
background: url(http://i.imgur.com/r7WXOM6.png) no-repeat;
padding-left: 41px;
position: absolute;
right: -10px;
top: 92px;
}

#wrap {
background: #fff;
border: 1px solid #878787;
border-bottom: 0;
border-top: 0;
box-shadow: 0 0 20px rgba(0,0,0,0.56);
height: auto;
margin: -10px auto;
position: relative;
width: 940px;
margin-bottom: 15px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

.headerbar {
background: #fff url(http://i.imgur.com/amgORDU.jpg) no-repeat;
border-bottom: 1px solid #fff;
height: 125px;
width: 100%;
margin-left: -5px;
margin-top: -5px;
}

.forabg , .forumbg {
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

#search-box input.button2 {
background: url(http://www.mybb.com/assets/images/search_button.gif) 100% 0 no-repeat;
border: 0;
color: #fff;
cursor: pointer;
float: left;
font-family: Tahoma, 'Trebuchet MS', Arial, sans-serif;
height: 26px;
padding: 4px 6px;
top: 0;
width: 58px;
}

#search-box {
display: inline-table;
float: right;
height: 26px;
position: absolute;
right: 10px;
top: -50px;
}

#search-box #keywords {
background: #fff url(http://www.mybb.com/assets/images/search.png) 5px no-repeat;
border: 1px solid #024570;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
float: left;
font-family: Tahoma, 'Trebuchet MS', Arial, sans-serif;
height: 14px;
padding: 5px 5px 5px 25px;
top: 0;
width: 150px;
}

#page-header div.navbar ul.linklist {
background: #016db0 url(http://i.imgur.com/KnSvyz1.png) repeat-x;
height: 34px;
list-style: none;
margin: 0;
padding: 0;
margin-top: -5px;
border-bottom: 0px;
}

a[href="/calendar"]{display:none!important;}
a[href="/faq"]{display:none!important;}
a[href="/search"]{display:none!important;}


#page-header .navbar li.active {
background: url(http://www.mybb.com/assets/images/menu_bg_active2.png) no-repeat top right;
padding-right: 4px;
position: relative;
bottom: -1px;
}

#page-header .navbar li.active a,#page-header .navbar li.active a:hover {
background: url(http://www.mybb.com/assets/images/menu_bg_active.png) no-repeat top left;
color: #000;
padding: 4px 10px 4px 13px;
border-bottom: 2px solid #ffffff;
}

#page-header .navbar li a {
border-bottom: 0;
color: #fff;
display: inline;
padding: 4px 10px 3px;
text-decoration: none;
position: relative;
top: 5px;
}

#page-header .navbar li a:hover {
color: #ffffff;
border-bottom: 2px solid #ffffff;
}

span.corners-top , span.corners-top span , span.corners-bottom , span.corners-bottom span {
background-image: none;
}

#page-header .navbar a[href="/"]{
margin-right: -15px;
}

,dArkRay
Forumember

Posts : 98
Reputation : 1
Language : English | Portuguese

Back to top Go down

Re: Space between icons

Post by ,dArkRay on July 15th 2013, 1:09 am

UP!

I think this is not that hard guys, can some one give me a hand? Smile

,dArkRay
Forumember

Posts : 98
Reputation : 1
Language : English | Portuguese

Back to top Go down

Re: Space between icons

Post by SLGray on July 15th 2013, 1:13 am

Is your forum version phpBB 3?


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


SLGray
Administrator
Administrator

Male Posts : 36648
Reputation : 2443
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Re: Space between icons

Post by ,dArkRay on July 15th 2013, 2:31 am

@SLGray wrote:Is your forum version phpBB 3?

Hi SL Gray,

Yes it is phpBB 3!

,dArkRay
Forumember

Posts : 98
Reputation : 1
Language : English | Portuguese

Back to top Go down

Re: Space between icons

Post by ,dArkRay on July 17th 2013, 4:32 am

UP!

,dArkRay
Forumember

Posts : 98
Reputation : 1
Language : English | Portuguese

Back to top Go down

Re: Space between icons

Post by kirk on July 17th 2013, 5:00 am

your forum do not look like the ones you have in your post.



i guess you want the spaces going down or across?
also please be sure to pots a link to where we have access to what you mean.
i don't know if you mean this forum or not because the images are completely different then what you have above Smile

kirk
Forumaster

Male Posts : 11037
Reputation : 651
Language : English,Vulcan,Klingon, Romulan,& Gorn

Back to top Go down

Re: Space between icons

Post by ,dArkRay on July 17th 2013, 8:45 pm

@kirk wrote:your forum do not look like the ones you have in your post.



i guess you want the spaces going down or across?
also please be sure to pots a link to where we have access to what you mean.
i don't know if you mean this forum or not because the images are completely different then what you have above Smile

 I Changed the icons but is the same issue, and I´m talking about the main page (footer):
http://mewtwoproject.motionforum.net/

,dArkRay
Forumember

Posts : 98
Reputation : 1
Language : English | Portuguese

Back to top Go down

Re: Space between icons

Post by levy on July 17th 2013, 8:47 pm

Yes , how you say , this will fix with CSS :

Administration Panel -> Display -> Colors -> CSS Stylesheet:
Code:
ul#picture_legend li img {
vertical-align: middle;
padding-left: 10px;
padding-right: 10px;
}

And it is done. cheers

levy
Hyperactive

Male Posts : 2582
Reputation : 345
Language : Romanian, English
Location : criticize artwork, not people!

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