Hello Guest
No Avatar
Sign In to Remove
Posts: 
3
Reputation: 
0
Posted: February 8, 2013, 3:49 AM  -- Last Edit: February 8, 2013, 7:26 AM by MLM
  • Group: Member
Hello, everyone. I was wondering if someone could tell me how to make the posts have round frames around them in the Vertex Theme. Currently, the edges are white and I'm trying to change that and everything around it. I'm not too good at web developing right now (I only program small desktop apps) so all help is appreciated.



Thanks in advance,
Demonic722
Posts: 
400
Reputation: 
20
Posted: February 8, 2013, 7:45 AM
  • Group: Administrator
  • AIM: mlm@visualpulse.net
  • deviantART: MadLittleMods
  • Photobucket: MadLittleMods
I am unable to find what you are trying to round, could you please post a image or a relative url like "index.php?topic=290.0"
<3 Nerve, Sk8, Labradoodle, Austin
Posts: 
3
Reputation: 
0
Posted: February 8, 2013, 7:44 PM
  • Group: Member
I'm trying to make this:

[spoiler][/spoiler]

look like this:
[spoiler][/spoiler]

I just want all of the posts to have some kind of ovalish border that stands out a bit.
Posts: 
400
Reputation: 
20
Posted: February 9, 2013, 3:40 AM  -- Last Edit: March 15, 2013, 12:42 AM by MLM
  • Group: Administrator
  • AIM: mlm@visualpulse.net
  • deviantART: MadLittleMods
  • Photobucket: MadLittleMods
Although I think this will look pretty bad. I understand it as adding the header styles around the whole chunk of the post.

You can not get the same exact effect since the header bars are using an image.

Demo: http://jsfiddle.net/MadLittleMods/xPJ4f/
Here are some styles that can mimic it:
Code: [Select]
border: 1px solid #073766;

background: rgb(26,98,145); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(26,98,145,1) 0%, rgba(7,57,105,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(26,98,145,1)), color-stop(100%,rgba(7,57,105,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(26,98,145,1) 0%,rgba(7,57,105,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(26,98,145,1) 0%,rgba(7,57,105,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(26,98,145,1) 0%,rgba(7,57,105,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(26,98,145,1) 0%,rgba(7,57,105,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a6291', endColorstr='#073969',GradientType=0 ); /* IE6-9 */

-moz-box-shadow:    inset 0 0 3px #4392b7;
-webkit-box-shadow: inset 0 0 3px #4392b7;
box-shadow:         inset 0 0 3px #4392b7;

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

In index.css add those styles to .post_wrapper.
Add this to .post_wrapper as well
Code: [Select]
padding: 14px 0;

Also add
Code: [Select]
#post_wrapper .topslice, #post_wrapper .botslice
{
display: none;
}
<3 Nerve, Sk8, Labradoodle, Austin
Posts: 
3
Reputation: 
0
Posted: February 9, 2013, 4:14 AM
  • Group: Member
Thanks a lot man, I appreciate it. I should have been a little less vague in my post, though; I didn't want the color of the calendar box, just the border. This still puts me in the right direction so I'll play around with it a bit. :)