Report Blog Entry
this tutorial is meant for people who already know how to style their profile with html & css.
so... do you want your blogs to look as cool as your layout? Well here I'll teach you how to make your blogs cool too!
So, to get your logs looking cool, type up your blog and then click the "View HTML" button. it should look like this:
then, make everything like you would a layout, except
you also want to target:
.blog-entry .content
.blog-entry .title
.edit-info
button
so yeah!!
this is the code I used for my blog layout: (DONT STEAL!! FOR INFORMATIONAL PURPOUSES ONLY!)
<style>
body {
background-image: url('https://img1.picmix.com/output/stamp/normal/8/9/6/1/2351698_0f248.gif');
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
font-family: 'Special Elite', cursive;
}
nav .top {
background: transparent;
}
nav .links {
background: transparent;
text-align: right;
border-radius: 4px 4px 0 0;
background-image: url('https://img1.picmix.com/output/stamp/thumb/0/9/5/7/1737590_0e9e0.gif');
background-position: center;
background-repeat: no-repeat;
}
button {
color: blue;
background: cyan;
}
.count {
color: cyan
}
a {
color: white;
}
nav .links a {
color: cyan;
}
footer {
background: transparent;
}
footer p {
color: cyan;
}
footer .links {
color: white;
}
.comments-table td:first-child,
.comments-table td,
.comment-replies,
.details-table td:first-child,
.details-table td {
background: transparent;
color: magenta;
}
.edit-info {
background: magenta;
border: 0px;
}
.blog-entry .title {
background: black;
color: white;
padding: 5px;
}
.blog-entry .content {
background: magenta;
padding: 10px;
}
main {
background: black;
}
main .left {
background: magenta;
color: white;
}
main .right {
padding: 0px;
background: magenta;
}
</style>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )