Pages: 1
Posted on 06-02-15, 01:01 am (rev. 1 by  Bismuth on 06-02-15, 01:02 am)
Goomba
supporter of PixelFox

Karma: -38
Posts: 1/26
Since: 06-01-15
How do I add a Border around the image in my post layout?

I just kinda wanna know.
_________________________
Blargh.
Posted on 06-02-15, 04:58 pm
I am random… very random.

Karma: 750
Posts: 661/682
Since: 01-17-12
border: ridge 2px #HEX COLOR;

<Silvreus>It has been 1 month, 4 days, 2 hours, 21 minutes and 3 seconds since I last remember being lazy.

Posted on 06-02-15, 09:54 pm (rev. 1 by  Bismuth on 06-02-15, 09:57 pm)
Goomba
supporter of PixelFox

Karma: -38
Posts: 2/26
Since: 06-01-15
LUNARIUS, Are you a brony/Pegasister? If so BROHOOF /)

Also, woah, how did you make the image fill up the post and info? That's cool.
_________________________
Blargh.
Posted on 06-02-15, 10:06 pm
この記号は… 解読できないよ…


Karma: 6012
Posts: 1574/2723
Since: 01-17-13
That's CSS (CascadingStyleSheet). It's a sort of language. You can learn it from some sources, and pratice by yourself to customise your layout as you wish. We can also help you.
Posted on 06-02-15, 10:19 pm
Goomba
supporter of PixelFox

Karma: -38
Posts: 4/26
Since: 06-01-15
Posted by Thierry
That's CSS (CascadingStyleSheet). It's a sort of language. You can learn it from some sources, and pratice by yourself to customise your layout as you wish. We can also help you.


I know CSS, I'm just not good at it.
I know HTML and Javascript pretty good though.
_________________________
Blargh.
Posted on 06-02-15, 11:04 pm
Birdo


Karma: 3304
Posts: 1754/2021
Since: 06-28-11
Posted by Bismuth
LUNARIUS, Are you a brony/Pegasister? If so BROHOOF /)

Also, woah, how did you make the image fill up the post and info? That's cool.


You apply the image to the .tableX class.
_________________________

Posted on 06-02-15, 11:31 pm (rev. 2 by  Bismuth on 06-03-15, 12:04 am)
Goomba
supporter of PixelFox

Karma: -38
Posts: 5/26
Since: 06-01-15
How would I do that?
(I'm not good at it, I just know background-image, and text-color.)
_________________________
Blargh.
Posted on 06-03-15, 12:45 am (rev. 5 by ImageBot on 11-21-16, 03:16 am)
Birdo


Karma: 3304
Posts: 1755/2021
Since: 06-28-11
Posted by Bismuth
How would I do that?
(I'm not good at it, I just know background-image, and text-color.)


Just assign the background image to the .tableX class, where X is the user ID in your case.

Read here for more details about how post layouts work here:
http://kuribo64.net/board/thread.php?id=444

(you really need to learn some basic CSS if you want to know how to do it right)

This should work for you. Add it to the header and remove the stuff in the signature.
<style> .table1561 { background: url("http://nsmbhd.net/file/rHoJrlabCak7MRHN/Oh%20My%20Wow._zps6siojbk1.png") no-repeat right bottom !important; } </style>

You don't need extra code in the footer or the div tags. With the above added to the header, it should work.

Basically, the post space is divided in different pieces.
There used to be an image that showed the pieces, but its not showing up.
_________________________

Posted on 06-03-15, 02:20 pm (rev. 1 by  Lunarius on 06-03-15, 02:28 pm)
I am random… very random.

Karma: 750
Posts: 662/682
Since: 01-17-12
Posted by Bismuth
LUNARIUS, Are you a brony/Pegasister? If so BROHOOF /)


I'm a brony. Been one since Season 2.

Posted by Bismuth
Also, woah, how did you make the image fill up the post and info? That's cool.


I positioned the image to be on my sidebar, table, and topbar.  gridatttack has already shown you an example of his code. To make it fill up the whole post, you must position the image correctly.

EDIT : You can construct your custom layout with pure HTML. You don't have to use CSS if you do not know it well. However, with HTML, you are limited to what you can do. Unlike, CSS, it must start with div classes rather than style tags. I would recommend for you to learn CSS, and use it rather than mess around with HTML, and have trouble.
<Silvreus>It has been 1 month, 4 days, 2 hours, 21 minutes and 3 seconds since I last remember being lazy.

Posted on 06-04-15, 12:59 am
Goomba
supporter of PixelFox

Karma: -38
Posts: 6/26
Since: 06-01-15
How do I edit the top of my post? I found about about Borders, and rgba(red, green, blue, transparency)
But I'm guessing you know how to do that.
_________________________
Blargh.
Posted on 06-04-15, 01:16 am
Birdo


Karma: 3304
Posts: 1756/2021
Since: 06-28-11
Posted by Bismuth
How do I edit the top of my post? I found about about Borders, and rgba(red, green, blue, transparency)
But I'm guessing you know how to do that.


Seems like you used a different way.

The classes of the top are named .topbarX_1 and .topbarX_2

.topbarX_1 is directly above the sidebar, and .topbarX_2 is placed on top the post content.
_________________________

Posted on 06-04-15, 03:28 am
I am random… very random.

Karma: 750
Posts: 663/682
Since: 01-17-12
BTW, you might want to know the classes of a post layout. Hope this is beneficial to you.

.mainbarX .sidebarX .topbarX_1 .topbarX_1 span:hover .topbarX_2 .tableX .mainbarX div.top, .mainbarX div.bottom .mainbarX div.wrap .mainbarX div.top .mainbarX div.quote div.quoteheader .mainbarX div.spoiler div.spoiled .mainbarX div.quote div.quotecontent .mainbarX div.spoiler button.spoilerbutton .mainbarX .codeblock

<Silvreus>It has been 1 month, 4 days, 2 hours, 21 minutes and 3 seconds since I last remember being lazy.

Posted on 06-04-15, 09:50 pm
Goomba
supporter of PixelFox

Karma: -38
Posts: 7/26
Since: 06-01-15
Okay, thanks guys.
I'm gonna finish it.
_________________________
Blargh.
Pages: 1