Forum Settings
Forums
New
Mar 9, 2014 6:17 PM
#1

Offline
Oct 2012
249
The Cover List (PICTURES WILL BE ADDED WHEN AVAILIBLE!)


Remember that ctrl + F is your friend, when you create changes to each of these parts and add them to the existing list, you will need to remove all the old coding. Example, changing the background to naruto or something, you will need to delete the space background get it?

The code:
https://dl.dropboxusercontent.com/u/78340470/Club%20layouts/Featured/MagicaMadokaBow.css



Changing the buttons
1. You are going to need a photo editing program or use one online like pixlr.
2. For the characters you want search on google (your character) + render *no background*
3. Finding a nice background for the buttons is up to you.
4. The pictures for the buttons are 350 x 150px in size.
5. For nice font go to dafont.com "Currently watching"

Save all your stuff to the desktop or some place where you know where to find it all.
- Get your background put on the 350 x 150px space.

- Get your character and place them on the left or right side of the button, usually chest up.

- Get your text you want and but it on the opposite side of the render.


Bam you're done it's that easy. Now you need to put them into the list. You're going to have to upload you images to Tinypic.com or another image hosting site. Then copy the direct link in between the brackets in bold.




Customizing the whole list
This sounds difficult but all you're doing is changing the background, colors, and maybe the category headers.

Colors: Check the noob tutorial main page for a basic guide on colors and how to change them.

To change the bar that (anime title, score, etc.) is in, copy this code and change the number code.


.table_header {
background-color: rgba(255, 0, 125, 0.5);
}


You're gonna want it to usually be darker/ different color than the rows.





Changing the rows
Keep this usually in the black (what it's at right now) unless you want the rows colorful but black is usually best imo. td1 is row 1, td2 is row 2, and tr hover is the color when you hover over it.







Changing/ deleting character:
As of now, the picture is madoka on a space background. You can change the character or not have a character at all by this code here.



Make sure you keep the " " when you put in a new picture! If you don't want a character at all just delete all of inlinecontent.


Changing headers:
I'm talking about the currently watching text above each category on the list. If you want to change it, you can just find a nice font on dafont.com and use some creativity or whatever you think fits.

Each one of these to change is pretty self explainitory.




Logo or list title?:
Most of the time I will put the logo of the show here, but you could also replace it with "My Anime List" as well.



REMEMBER PX IS TO MOVE IT! The first (-50px) is left and right, -40px is up and down.

If you have any questions reply to this post.
TheHolyPotatoMar 9, 2014 6:27 PM
Reply Disabled for Non-Club Members
Reply Disabled for Non-Club Members

More topics from this board

» ❓ Ask for help here + See Frequently Asked Questions ( 1 2 3 4 5 ... Last Page )

Shishio-kun - Apr 15, 2010

7924 by Shishio-kun »»
Yesterday, 1:50 AM

» [CSS - Modern] 🍰 Clarity by V.L ( 1 2 3 4 5 ... Last Page )

Valerio_Lyndon - Apr 19, 2018

1262 by Shishio-kun »»
Sep 22, 4:35 AM

» [CSS - MODERN] ⚡️ Fully-Customizable Layouts (2024 updates!) ( 1 2 3 4 5 ... Last Page )

Shishio-kun - Jul 21, 2017

382 by Shishio-kun »»
Sep 22, 4:29 AM

Sticky: » [ BBCODE ] All 2023 BBcodes, Guides, and Templates ( 1 2 )

Shishio-kun - Feb 16, 2023

57 by Shishio-kun »»
Sep 22, 4:27 AM

Sticky: » [ SIGNATURES ~ PROFILES] All guides, generators, and templates

Shishio-kun - Feb 16, 2023

31 by Shishio-kun »»
Sep 22, 4:14 AM
It’s time to ditch the text file.
Keep track of your anime easily by creating your own list.
Sign Up Login