Athemulu's profile picture

Published by

published
updated

Category: Web, HTML, Tech

HOW TO ADD LAYOUTS TO BLOGS, BULLETINS AND FORUMS !! (easy !!)

Invader Zim - Gir

A TUTORIAL W/ PICTURES ON HOW TO MAKE YOUR BLOGS, BULLETINS AND FORUMS LOOK LIKE YOUR PROFILE (or another layout you want to use :D)


BEFORE YOU DO ANYTHING !!

go to your profile -> edit profile -> COPY ALL OF YOUR CODE YOU USE FOR YOUR LAYOUT !!

*Disclaimer: If this doesn't work for your layout, try to find a different one :( OR followย this wonderful person'sย tutorial with their base code :D*


NOW TO MAKING YOUR COOL POSTS !!

after copying the code you want to add to your posts, create whatever you're trying to do :D very simple, and you'll be met to this screen


you see that button ? aka the one i have circled bright red with 3 arrows pointing to it ? click it and it'll turn into an eye !



now just paste your code, and click the eye again ! your page will automatically turn into the layout you put after clicking the eye :D

now make your goofy post and it'll be like that on your page !


*I RECOMMEND DOING THIS BEFORE TYPING ANYTHING IN THE CONTENT SECTION ! WHATEVER YOU PUT THERE WILL BE A HUGE THING OF CODE AND IT WOULD SUCK IF YOUR STUFF DISAPPEARED :(*


98 Kudos

Comments

Displaying 16 of 16 comments ( View all | Add Comment )

El Chivo

El Chivo's profile picture

is this post supossed to have images? because I can't see any! :((


Report Comment



it used to, im currently in the process of fixing my entire profile xP a lot of my images broke since ive been inactive !

by Athemulu; ; Report

Macoto17๐Ÿ‰

Macoto17๐Ÿ‰'s profile picture

Thank you! I thought it would be more complicated lol


Report Comment

Lia

Lia's profile picture

anyone know how to change the color of the box ur profile pic and icons are in? it's still blue for me :/


Report Comment



.edit-info {background: #DAF7A6;} just replace the hex code with whatever color you want and youre set :) or you can add an image or make it transparent too -> background:none / background:url('urlhere')

you can also add extra things like these to mess with the boarder and add filters on it ->
.edit-info {background: #DAF7A6; border: 2px dashed #452E00; filter: drop-shadow(0 0 0.75rem blue);}

mess around and see what you like!

by CathChicken; ; Report

thanks!!

by Lia; ; Report

np! :)

by CathChicken; ; Report

Two Time ๐–ค“

Two Time ๐–ค“ 's profile picture

am i blind i cannot find the circle


Report Comment



nevermind foudn it

by Two Time ๐–ค“; ; Report

sorry i just got into my account again LOL im glad i could help

by Athemulu; ; Report

โ‹†.หšโœฎKrisโœฎหš.โ‹†

โ‹†.หšโœฎKrisโœฎหš.โ‹†'s profile picture

YOOO thatโ€™s sickโ€ผ๏ธ Thanks sm for this


Report Comment

[S] Newt

[S] Newt's profile picture

thank yyou,,,


Report Comment

Nonya โ˜…

Nonya โ˜… 's profile picture

Tysm!


Report Comment

aarosh :o

aarosh :o's profile picture

TANKZ SO MUCH FREND! :3


Report Comment

s4lth3f4g

s4lth3f4g's profile picture

THANK YOU SO MUCH!! XD


Report Comment

usagi

usagi's profile picture

TYSM!!!!!!!!!!!!!!!!!!


Report Comment

Aleixandre

Aleixandre's profile picture

Incredibly useful! tysm!!! <3


Report Comment

หšโ‚Šโ€ง๊’ฐแƒ Odette เป’๊’ฑ โ€งโ‚Šหš

หšโ‚Šโ€ง๊’ฐแƒ Odette เป’๊’ฑ โ€งโ‚Šหš's profile picture

You are a godsend!! หšสšโ™กษžหš I really wanted my journals to be like my layout for a smooth transition and you made it possible- thank you!


Report Comment



im so glad i could help !!

by Athemulu; ; Report

Kori!!

Kori!!'s profile picture

I've used dif layouts and it seems to not be working we I use this for bulletins. It works for everything else but bulletins do you know how to fix it? If not its fine. :)


Report Comment



ive personally havent used layouts on my bulletins so i wouldnt know .. :( im sorry !

by Athemulu; ; Report

DorkLore

DorkLore's profile picture

Hey, how did you edit the blog icons. Iโ€™m modifying somebody elseโ€™s layout and I want to edit the blog icons.


Report Comment



hii sorry i havent been active. i use this code for my icons, and it just so happened to have worked on blogs.


/* navigation box icon */

.icon, .award img {
content: url(link);
display: inline-block;
height: 2.0em;
width: 2.0em;
margin: 0 .05em 0 .1em;
vertical-align: -0.3em;
color: rgba(0,0,0,0);
}

a:hover {
color: #8E05C2
}

by Athemulu; ; Report

burningwreckage

burningwreckage's profile picture

SO HELPFUL THANKS!!!


Report Comment

โœ˜๐“๐“ข๐“š๐“—๐“ž๐“›๐“”๐“”๐“”โœ˜

โœ˜๐“๐“ข๐“š๐“—๐“ž๐“›๐“”๐“”๐“”โœ˜'s profile picture

AaH thanks


Report Comment