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.

Add Border Between Profile and Post and Remove the Space Between Posts

View previous topic View next topic Go down

Solved Add Border Between Profile and Post and Remove the Space Between Posts

Post by Apex on September 9th 2014, 11:32 am

I am using phpbb3

Here is my forum link:
http://thedivine.forumotion.com

Here is my CSS:
CSS:
.postprofile dt img {
max-height: 150px !important;
max-width: 100px !important;
}
body#phpbb {
font: 10px tahoma,helvetica,arial,sans-serif;
background: #363636 url(http://i.imgur.com/yttSH.jpg) repeat;
color: #c2c2c2;
padding: 0px;}
.conteneur_minwidth_IE {
background: url(http://fc08.deviantart.net/fs71/f/2014/204/2/5/edit_by_impactonyou-d7s12dm.png) no-repeat center 0;
}
.conteneur_layout_IE {
background: url(http://i.imgur.com/qPIe8.png) repeat-x 0 top;
}
.conteneur_container_IE {
background: url(http://i.imgur.com/zDoNS.png) repeat-x 0 bottom;
}
#wrap {
padding: 0;
margin: auto;
width: 990px;
}
#site-title h1 {display: none;}
#site-title, #site-title h1{display: none;}
#logo-desc p {display: none;}

img[src="http://illiweb.com/fa/empty.gif"] {
display: none;}
img[src="http://illiweb.com/fa/m/icon_mini_faq1.gif"] {
display: none;}
img[src="FAQ IMAGE LINK"] {
display: none;}
a[href="/faq"] { display: none; position: absolute;}
a img [href="/faq"] { display: none; position: absolute;}

#page-body {
margin: auto;
width: auto;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.9) inset, 0 2px 8px rgba(255, 255, 255, 0.1);
line-height: 120%;
padding: 10px 15px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
}

#page-header .navbar {
margin: 5px 0 15px;
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.Cool;
background: url(http://i.imgur.com/BLynG.png) repeat-x top;
border-color: #111;
border-radius: 5px 5px 5px 5px;
border-style: solid;
border-width: 1px;
line-height: 34px;
padding: 2px 5px 5px 5px;
text-shadow: 0 1px 0 #000;
box-shadow: 0 2px 6px #222;
-webkit-box-shadow: 0 2px 6px #222;
-moz-box-shadow: 0 2px 6px #222;
}
ul.navlinks li a {
padding: 7px 7px 8px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
font: 13px tahoma,helvetica,arial,sans-serif;
}
ul.navlinks li a:hover {
color: #103bb7;
box-shadow: 0 1px 0 rgba(255,255,255, 0.1), inset 0 5px 10px rgba(0,0,0, 0.3);
-webkit-box-shadow: 0 1px 0 rgba(255,255,255, 0.1), inset 0 5px 10px rgba(0,0,0, 0.3);
-moz-box-shadow: 0 1px 0 rgba(255,255,255, 0.1), inset 0 5px 10px rgba(0,0,0, 0.3);
position: relative;
background: rgba(0,0,0, 0.1);
}
#fa_ticker_block .module , .module{
background: #353535;
box-shadow: 0 5px 10px #111;
-webkit-box-shadow: 0 5px 10px #111;
-moz-box-shadow: 0 5px 10px #111;
margin-bottom: 20px;
padding: 0px 10px 10px 10px;
border: 1px solid black;
}
.module span.corners-top {
height: 29px;
background: url(http://i.imgur.com/kVSS8.png) repeat-x top;
border-bottom: 1px solid #111;
}
.panel {
border: 1px solid black;
background: #272727 url(http://i.imgur.com/dnkF9.png) repeat-x 0 0 !important;
padding: 10px;
}
.forabg , .forumbg{
padding: 0;
border-color: #111;
border-style: solid;
border-width: 1px;
background: url(http://i.imgur.com/qP5wM.png) repeat-x top;
color: white;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
box-shadow: 0 5px 10px #111;
-webkit-box-shadow: 0 5px 10px #111;
-moz-box-shadow: 0 5px 10px #111;
}
module span.corners-top {
height: 29px;
background: url(http://codegame.net/public/style_images/cgn/user_navigation.png) repeat-x top;
border-bottom: 1px solid #111;
}

ul.forums li.row dl { min-height: 50px; }

span.corners-bottom {display:none;}
.header {
margin-top: 1px!important;
padding-bottom: 2px!important;
border-bottom: 1px solid #111;
padding-left: 4px;
}
ul.topiclist.forums , ul.topiclist.bg_none{
background: #272727 url(http://i.imgur.com/dnkF9.png) repeat-x 0 0 !important;
}
#profile-advanced-layout {
background: #272727 url(http://i.imgur.com/yttSH.jpg) repeat 0 0!important;
}
.post {
box-shadow: 0 5px 10px #111;
-webkit-box-shadow: 0 5px 10px #111;
-moz-box-shadow: 0 5px 10px #111;
background: #272727 url(http://i.imgur.com/dnkF9.png) repeat-x 0 0 !important;
border: 1px solid #111 !important;
}
.post span.corners-top {
border-top: 1px solid #111;
border-bottom: 1px solid #111;
background: url(http://i.imgur.com/kVSS8.png) repeat-x 0 top;
padding: 0 10px;
height: 36px;
line-height: 36px;
}

#search-box {
display:none;
}
#search-box #keywords {
width: 130px;
background: transparent;
color: #6C6C6D;margin-left: 15px;
font-family: Verdana;margin-top:5px;
font-style: normal;
font-size: 12px;}

#search-box input {
border: none !important;
background: none;}

#search-box input.search {
background: none;
margin-left: 0px;
margin-top: 0;}

#search-box input.button2 {visibility: hidden;
}

#search_menu {
background: #ffffff;
font-size: 11px !important;
position: relative;
width: 350px;
top: 160px!important;
left: 200px!important;
}
#search_menu .title-overview {
background: url(http://i.imgur.com/kVSS8.png) repeat-x top;
border-bottom: 1px solid #111;
}
#search_menu a{color:#000!important;}
#plus_menu .title-overview {
background: url(http://i.imgur.com/kVSS8.png) repeat-x top;
border-bottom: 1px solid #111;
}
/*------------------------------------------------*/
/*-------------[Borrar el subrayado de los enlaces]------------*/
/*------------------------------------------------*/
a {text-decoration: none;}
a:link {text-decoration: none;}
a:hover {text-decoration: none!important;}
a.forumtitle {text-decoration: none;}
a.forumtitle:hover {text-decoration: none!important;}
a.topictitle {text-decoration: none;}
a.topictitle:hover {text-decoration: none!important;}
#main-content a.cgu-buttons:hover, button.button2:hover, input.button1:hover, input.button2:hover {
border: 1px solid rgb(0, 0, 0);
}
#main-content a.cgu-buttons, button.button2, input.button1, input.button2 {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 3px;
background: url(http://i.imgur.com/kVSS8.png) repeat-x top;
border: 1px solid #111;
cursor: pointer;
color: #c2c2c2;
}
.postbody .content {
font-size: 11px;
color: #c2c2c2;
#ipbwrapper {
font-size: 10px !important;
}
}
.postprofile {
width: 18%;
text-align: center;
}
.user_login_form input[type="text"], .user_login_form input[type="password"]{
position:relative;
top:7px;
}
.postbody .topic-title {
font-size: 10px;}
.postbody {
width: 80%;
}
fieldset.fields1 div {
margin: 0px;
}
input[type="text"], textarea {
background: rgb(51, 51, 51) url("http://i.imgur.com/yttSH.jpg")!important;
border: 1px solid rgb(17, 17, 17)!important;
color: #c1c1c1!important;
box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
}
blockquote {
background: rgb(43, 43, 43);
padding: 5px;
border: 1px solid rgb(15, 15, 15);
border-radius: 4px;
}
.codebox dd {
padding: 0px 5px;
}
dl.codebox dt, .codebox dt {
background: url(http://i.imgur.com/kVSS8.png) repeat-x top;
border-bottom: 1px solid #111;
padding: 4px;
}
dl.codebox, .codebox {
background: rgb(41, 41, 41);
border: 1px solid rgb(10, 10, 10);
}
blockquote blockquote {
border: 1px solid rgb(2, 2, 2);
background: rgb(31, 31, 31);
}
.vote .vote-bar {
border: 1px solid rgb(0, 0, 0);
}
.module .box-content .mod-login-avatar dt img {
height: 100px;
width: 100px;
border: 1px solid rgb(66, 66, 66);
box-shadow: 0px 2px 10px rgb(0, 0, 0);

a[href="/u1"]{
text-shadow:1px 0px #000;

- I was wondering if there was any way to create a dividing line between postprofile and user posts, NOT an entire border around this postprofile. I can't even seem to find the border in my CSS to begin with.

- How can I remove the gap between each post body? There is a little space between each header of a new post. I'm sure you know what I'm talking about.

Thanks in advance.


Last edited by Apex on September 9th 2014, 12:07 pm; edited 1 time in total

Apex
Forumember

Posts : 76
Reputation : 1
Language : English

Back to top Go down

Solved Re: Add Border Between Profile and Post and Remove the Space Between Posts

Post by SLGray on September 10th 2014, 3:14 am

1. Add this to your CSS:
Code:
.postprofile {
  border-right: solid 10px black;
}
You can change the number (10) and the color (black).

2. Look for this in your CSS:
Code:
.post {
 margin-bottom: 4px;
  }
Remove the line or change the number (4). If it is not there, then add it and change the number.


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


SLGray
Administrator
Administrator

Male Posts : 36639
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Add Border Between Profile and Post and Remove the Space Between Posts

Post by Apex on September 10th 2014, 3:27 am

They both worked! Thanks a lot. Quick question though, how would I make the post profile border a custom color? I've tried just changing 'black' to something like 'color: #' and it doesn't seem to work.

Apex
Forumember

Posts : 76
Reputation : 1
Language : English

Back to top Go down

Solved Re: Add Border Between Profile and Post and Remove the Space Between Posts

Post by SLGray on September 10th 2014, 3:45 am

Just add the hex number or word.


Code:
.postprofile {
border-right: solid 10px HEX NUMBER OR COLOR NAME;
}


Last edited by SLGray on September 10th 2014, 3:47 am; edited 1 time in total


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


SLGray
Administrator
Administrator

Male Posts : 36639
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Add Border Between Profile and Post and Remove the Space Between Posts

Post by APE on September 10th 2014, 3:46 am

To add a colour just change the hex code (#FFFFFF) to what ever you want
Code:
.postprofile {
  border-right: solid 10px #FFFFFF;
}





APE
Manager
Manager

Male Posts : 8608
Reputation : 748
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

Back to top Go down

Solved Re: Add Border Between Profile and Post and Remove the Space Between Posts

Post by SLGray on September 10th 2014, 3:48 am

You can also change the solid line to a dotted line. You just need to know the terminology used in CSS.


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


SLGray
Administrator
Administrator

Male Posts : 36639
Reputation : 2441
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Add Border Between Profile and Post and Remove the Space Between Posts

Post by Apex on September 10th 2014, 3:58 am

Alright cool all set fellas you can mark this as solved. I have a basic knowledge of CSS terminology just through years of working with free forums like these. Thanks for the help.

Apex
Forumember

Posts : 76
Reputation : 1
Language : English

Back to top Go down

Solved Re: Add Border Between Profile and Post and Remove the Space Between Posts

Post by APE on September 10th 2014, 4:03 am

Topic solved and archived




APE
Manager
Manager

Male Posts : 8608
Reputation : 748
Language : fluent in dork / mumbojumbo & English haha
Location : STUCK IN FORUMOTIONS SERVERS HELP ME !!!!!!

http://chatworld.forumotion.co.uk/

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