The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Space between icons

4 posters

Go down

Space between icons Empty Space between icons

Post by ,dArkRay 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:

Space between icons Forum_unreadNovas mensagens Space between icons Forum_readNão há novas mensagens Space between icons Forum_read_lockedFórum Bloqueado

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

Space between icons Forum_unread  Novas mensagens Space between icons Forum_read  Não há novas mensagens Space between icons Forum_read_locked  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;
}
avatar
,dArkRay
Forumember

Posts : 98
Reputation : 1
Language : English | Portuguese

Back to top Go down

Space between icons Empty Re: Space between icons

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

UP!

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

Posts : 98
Reputation : 1
Language : English | Portuguese

Back to top Go down

Space between icons Empty Re: Space between icons

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

Is your forum version phpBB 3?


Space between icons Slgray10

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

Male Posts : 51489
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Space between icons Empty Re: Space between icons

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

SLGray wrote:Is your forum version phpBB 3?

Hi SL Gray,

Yes it is phpBB 3!
avatar
,dArkRay
Forumember

Posts : 98
Reputation : 1
Language : English | Portuguese

Back to top Go down

Space between icons Empty Re: Space between icons

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

UP!
avatar
,dArkRay
Forumember

Posts : 98
Reputation : 1
Language : English | Portuguese

Back to top Go down

Space between icons Empty Re: Space between icons

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

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

Space between icons Screen11

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
kirk
Forumaster

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

Back to top Go down

Space between icons Empty Re: Space between icons

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

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

Space between icons Screen11

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/
avatar
,dArkRay
Forumember

Posts : 98
Reputation : 1
Language : English | Portuguese

Back to top Go down

Space between icons Empty Re: Space between icons

Post by levy 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
levy
Hyperactive

Male Posts : 2632
Reputation : 350
Language : English, Romanian
Location : Romania

https://portofolio.goodforum.net/

Back to top Go down

Back to top

- Similar topics

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