|
SubscriptionsSites I Read
|
|
|
|
| How To Make a Skin This tutorial is for those who are making a full skin with an image they have already created. For example, like this image [taken from my Maroon 5 skin] Maroon 5 Image Example:
You have your image, what do you do? First you have an already made image…so now you must want it as a background right? I am going to provide a code which you all can adjust in which you input your own information.
1) First upload your image. Photobucket ,ImgSpot, or ImageShack are the best way to go. I recommend ImgSpot because in Photobucket, bandwidth gets exceeded way too easily.
2) Once you have uploaded your image, place it in this code:
REMEMBER: ALL THIS GOES IN YOUR LOOK AND FEEL: INPUT HEADER HTML
| CODE |
<!-- begin code provided by createblog.com --> <img src="PASTE YOUR XANGA SKIN URL HERE"> <!-- end code provided by createblog.com --> |
(NOTE: If you are planning to Image Map [look at stage 9], there is no need for this step since it you will have to put the URL code in the image map. NOTE: Also, don't forget...if you do Image Map, put the whole image map code before everything else, or else...it won't work.)
3) Okay, now that you got your image down, where the heck are you going to place your blog? This is where this code comes in:
| CODE |
<!-- begin code provided by createblog.com --> <div style=" overflow: auto; width: ###px; height: ###px; margin-top: ###px; margin-left: ###px;"> <!-- end code provided by createblog.com --> |
4) What you need to do is adjust the # signs with real numbers and just start playing around with it [try numbers in the 100s area...200 and 300 is a good start]. You’ll get the hang of it. Remember to read what you’re applying numbers to. In this code, you’re also determining the width and height of the blog. Remember to just fiddle with the numbers. It’s just a bit of logic. Let me give you an example:
You see up there where it says:
| CODE |
<!-- begin code provided by createblog.com --> margin-left:###px <!-- end code provided by createblog.com --> |
Let’s say I plug in:
| CODE |
<!-- begin code provided by createblog.com --> margin-left: 400px <!-- end code provided by createblog.com --> |
Since it’s 400px you know it’s going to be as far away from the left side of the screen. I hope that made sense.
5) In the above code, notice that in it [near the end], it says: overflow: auto;
That basically means that you want a scrollbar in your blog entries. If you don’t want a scrollbar, just delete that portion of the text.
6) Another code you see a lot in these Xanga Skin Codes:
| CODE |
<!-- begin code provided by createblog.com --> <style type="text/css"> .#rblEprops{display:none;} #pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops /* width of the comment page */ {width:245px;} .leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer {display: none;} </style> <!-- end code provided by createblog.com --> |
That code above removes the eprop option, the left module, and all those annoying Xanga links (the default links you originally get). If you want to keep any of those links, you just take it out from the code. REMEMBER: You have all these codes together; they all go in INPUT HEADER HTML. 7) This is the really important code that determines how your Xanga is going to look like. Here you adjust the color of your scrollbar and everything you need to make your Xanga outstanding. Maybe I’m exaggerating on the outstanding part, but you get the idea. The places where you see that there is a # sign, you must place a Hex Color Code to change the color of the scrollbar or whatever you want to change the color of. Here’s a site with some color codes: http://webmonkey.wired.com/webmonkey/reference/color_codes/ REMEMBER: When you see a color code, don't take out the # sign. So it must look like this (example: #000000 <--black). Oh yeah, don't leave spaces between the # sign and the actual number because then the color won't show.
| CODE |
<!-- begin code provided by createblog.com --> <style type="text/css"> /*Name of Your Skin*/ /*by YOU*/ body { background-image:url(PUT URL HERE IF YOU HAVE A BACKGROUND IMAGE, IF NOT, DELETE EVERYTHING INSIDE THE PARENTHESES); background-repeat: repeat-y-x; background-color: #COLOR CODE; scrollbar-face-color: #COLOR CODE; scrollbar-shadow-color: #COLOR CODE; scrollbar-highlight-color: #COLOR CODE; scrollbar-3dlight-color: #COLOR CODE; scrollbar-darkshadow-color: #COLOR CODE; scrollbar-track-color: #COLOR CODE; scrollbar-arrow-color: #COLOR CODE; }
#rblEprops, #pnlEnabled table, #pnlEprops table { width: auto !important; }
table.blogbody { width:WIDTH OF THE BLOGpx; font-family: Arial; font-weight: none; font-size: 12pt; color: #COLOR; text-align: justify; padding: 0px; margin-top: 2px; } div.smalltext{ width: WIDTHpx; padding: 3px; text-align: left; } .caption, .blogheader { width: 380px; padding: 3px; font-family: CHANGE FONT; font-size: 16pt; text-align: center; color: #COLOR; background-color: #COLOR; text-transform: lowercaps; margin-top: 10px; }
P, B, I, TD, TH {font-family: FONT; color: #COLOR CODE OF FONT; font-size: 8pt; } A:link, A:visited, A:active {color:#COLOR CODE OF A LINK; text-decoration:none; font-size:8pt;} a:hover {text-decoration: underline; color:#COLOR; font-size: 8pt; );} b, strong, i, u, { /* edit colors when bold italic underline */ font-family: arial; font-size: 8pt; color: #000000; font-weight: bold; text-transform: lowercaps; </style> <!-- end code provided by createblog.com --> |
8) Just look through the code, it’s understandable once you actually analyze it and you’ll see it’s not that hard to make a Xanga skin [btw: the div.smalltext edits the links below the blog entry]. I know there’s something missing…oh yes, the most crucial! IMAGE MAPPING. 9) Image mapping…what the heck is that? Well, if you’re wondering…have you ever noticed that some people have links that are already in their backgrounds (example: Rocko’s Modern Life skin)? How the hell do they get it there? Well, that’s image mapping my friends. I would explain how to do it the LONG way…but I’m extremely lazy right now…so here’s the easy way: http://www.pcoward.com/imagemapper/stage1.asp. (NOTE: The Image Mapper will contain the following, so you must input your Image Link or it will not appear
| CODE |
<!-- begin code provided by createblog.com --> <IMG SRC='PLACE YOUR IMAGE URL IN HERE' border=0 width=CHANGE WIDTH height=HEIGHT OF YOUR IMAGE USEMAP='#imgmap'> <!-- end code provided by createblog.com --> |
10) OKAY...WAIT! So you're not done...you say you also have another place for where to put the Navigation? Remember to replace the # with a real number.
Use this code:
| CODE |
<!-- begin code provided by createblog.com --> <div style="position:static; margin-left: ###px;margin-top: ###px;border: 0px solid #COLOR CODE; width: ###px; height: ###px;background: none; overflow: auto">
<table border="0" width=100%> <tr> <td colspan=2> <b class=nav>About Me</b> <tr> <td colspan=2><br> Stuff about yourself…here Stuff about yourself…here Stuff about yourself…here Stuff about yourself…here
<tr> <td colspan=2><br> <b class="nav">Navigation</b><br> <a href="http://www.xanga.com/">Xanga</a><br> <a href="http://www.xanga.com/signin.aspx">Sign In</a><br> <a href="http://www.xanga.com/logout.aspx">Sign Out</a><br> <a href="http://www.xanga.com/private">Home</a><br> <a href="http://www.xanga.com/claf">CLAF</a><br> <a href="http://www.xanga.com/Private/subs.aspx">Your Subs</a><br> <a href="http://www.xanga.com/guestbook.aspx?user=YOURXANGAUSER">Guestbook</a><br> <a href="http://www.xanga.com/profile.aspx?user=YOURXANGAUSER">Profile</a> (<a href="http://www.xanga.com/Private/profilebasic.aspx">Edit</a>)<br> <a href="http://www.xanga.com/private/tracking.aspx">Your Comments</a><br> <a href="http://www.xanga.com/Private/feedback.aspx">Feedback</a><br> <a href="http://www.xanga.com/Private/SubscribeTo.aspx?user=YOURXANGAUSER" target="blank">Add Me</a><br> <tr> <td colspan=2> <b class="nav">Subscriptions</b> <tr> <td> <a href="http://www.xanga.com">link</a><br> <a href="http://www.xanga.com">link</a><br> <a href="http://www.xanga.com">link</a><br> <a href="http://www.xanga.com">link</a><br> <a href="http://www.xanga.com">link</a><br> <a href="http://www.xanga.com">link</a><br> <td> <a href="http://www.xanga.com">link</a><br> <a href="http://www.xanga.com">link</a><br> <a href="http://www.xanga.com">link</a><br> <a href="http://www.xanga.com">link</a><br> <a href="http://www.xanga.com">link</a><br> <a href="http://www.xanga.com">link</a><br> </tr> </table> </div> <div align="center" class="blogspace"> <!-- end code provided by createblog.com --> |
Remember to put that at the end of the code.
11) To put a chatterbox using div layers, use this code:
| CODE |
<!-- begin code provided by createblog.com --> <div style="position:static; margin-left: ###px; margin-top: -505px;border: 0px solid #ffffff; width: ###px; height: ###px; background:none;overflow: auto"> <TABLE width="100%" border=0> <TBODY> <TR> <TD> <P class=nav>
<!-- the place where chatterbox HTML code goes --> <!-- the place where chatterbox HTML code goes --> <!-- end code provided by createblog.com --> |
Your finished product can look like this: http://www.xanga.com/natskin2If this tutorial doesn't help, try this link: http://www.createblog.com/forums/index.php?showtopic=48362 | | |
| The Following codes are from xhtml_x3!! Go check out there awesome site full of codes and really cool glitter letters!!
SECURITY
--------------------
RiGHT CLiCK C0DES - CUSTOM HEADER
RiGHT CLiCK - log out
RiGHT CLiCK - one pop-up
RiGHT CLiCK - window closes
RiGHT CLiCK - redirect to another page
RiGHT CLiCK - earthquake effect (shakes the page)
RiGHT CLiCK - custimize menu (you know when you right click, it says cut, copy, etc.. you can custimize the menu with your own words and links)
RiGHT CLiCK - no pop-up
RiGHT CLiCK - never ending pop-ups
--------------------
ALL0W CERTAIN PE0PLE...
ALL0W CERTAiN NAMES 0N T0 Y0UR SiTE
--------------------
HIGHLIGHTING...
DiSABLE HiGHLiGHTiNG
HiGHLiGHTiNG TEXT w/ P0P-UP
TRACKING
--------------------
XANL0G TRACKER (not released yet; still at an early stage)
CHATTERBOX S/N TRACKER
LAST 10 ViSiTOR L0G iN
--------------------
DEC0RATI0NS
--------------------
CHANGING W0RDS, PICTURES - WEB. STATS
CHANGE N0 EPR0P PiC
CHANGE W0RDS LiKE NAME, B-DAY, ETC.
--> i replaces "NAME" with "OMFG ITS"
REPLACE USERNAMES WiTH NAMES (in subsciptions)
REPLACE EPR0PS/C0MMENTS
REPLACE LiNKS LiKE SiGN iN, SiGN 0UT, SUBSCRiBE
--> i replaced "SIGN OUT" with "PEACE OUT"
REPLACE ADD C0MMENTS, EPR0PS & EMAiL iT (with pics from sherrys_designs)
REPLACE ANY TYPE 0F LiNK
CHANGE THE EPR0P PiC (with anything you'd like)
REPLACE NEXT 5 & PREVi0US 5
CHANGE DATE (month, day, year)
CHANGE THE DiSPLAYED USERNAME
CHANGE THE FAViC0N
CHANGE THE FAViC0N V.2 (allows images ending in ico, jpg, gif, png, or bmp.)
--------------------
WHEN ENTERING AND EXITING...
SPLASH iNTR0 - PASTE iT BEF0RE EVERYTHiNG iN CUST0M M0DULE
P0P-UP THAT ASKS F0R NAME WHEN ENTERiNG
TRANSiTi0N WHEN ENTERiNG
TRANSiTi0N WHEN EXiTiNG
--> transitions 0 - Shrinking Box Changes Screen 1 - Growing Box Changes Screen 2 - Shrinking Circle Changes Screen 3 - Growing Circle Changes Screen 4 - Wipes Up to Clear Screen 5 - Wipes Down to Clear Screen 6 - Wipes Right to Clear Screen 7 - Wipes Left to Clear Screen 8 - Right Moving Stripes Clear Screen 9 - Downward Moving Stripes Clear Screen 10 - Right Moving Boxes Clear Screen 11 - Downward Moving Boxes Clear Screen 12 - Pixels "Dissolve" screen 13 - Horizontal Curtain Closing 14 - Horizontal Curtain Opening 15 - Vertical Curtian Closing 16 - Vertical Curtian Opening 17 - Strips away previous screen going Left-Down 18 - Strips away previous screen going Left-Up 19 - Strips away previous screen going Right-Down 20 - Strips away previous screen going Right-Up 21 - Horizontal Bars "Dissolve" screen 22 - Vertical Bars "Dissolve" screen 23 - Random Effect
P0P-UP 0N ENTRY
P0P-UP WHEN LEAViNG
P0P-UP MERLiN (WiZARD)
list of MERLiN actions. --> replace "GetAttention" with these actions if you'd like:
Pleased Alert Hide Process Announce Blink Burp Confused Congratulate RestPose Decline Sad DoMagic1 DoMagic2 DontRecognize Show Explain StartListening GestureDown StopListening GestureLeft Suggest GestureRight Surprised GestureUp Think Thinking Uncertain Greet MoveDown Wave MoveLeft MoveRight MoveUp
--------------------
SCR0LLBARS
M0VE SCR0LLBAR T0 THE LEFT
SCR0LLBAR - RAiNB0W WHEN SCR0LLiNG
REM0VE SCR0LLBAR
SCR0LLBAR iN ENTRiES (two part code) -- AUT0MATiC first --
then (in web. stats) --
FADiNG SCR0LLBAR
SCR0LLBAR - TRANSPARENT
SCR0LLBAR - CUST0M C0L0RS
SUBSCRiPTi0NS SCR0LLBAR
BL0GRiNGS SCR0LLBAR
ANY M0DULE SCR0LLBAR
--------------------
MISC.
FiREW0RKS
BLiNK B0XES
FADED BL0G ENTRiES, EXCEPT 0N H0VER
CHANGE B0LDED TEXT iN ENTRiES
B0XED XANGA
-->SH0WS THE LAST TiME 0F ViSiT (WEB. STATS)
FALLiNG iMAGES
CUST0M B0RDERS
DAiLY C0MiCS
garfield-->
calvin & hobbes-->
fox trot-->
C0L0R CHART

--------------------
BACKGR0UND
FADiNG BACKGR0UND (gradient)
NEW BACKGR0UND 0N REFRESH
--------------------
M0USE0VERS
RAiNB0W H0VER
P0P-UP 0N H0VER
BLURRED H0VER
B0RDERED H0VER
UPSiDE D0WN H0VER
FADiNG H0VER
H0RiZ0NTAL FLiP H0VER
FADES T0 NEW C0L0R 0N H0VER
--------------------
C0UNTD0WNS
BiRTHDAY C0UNTD0WN
paste in header html or webstats. change birth month, birth date, & birth year to your own.
C0UNTD0WN (w/ seconds)
--Change (YYYY,MM,DD,HH,MN,SD) to the Year, Month, Day, Hour (military time) and Second. Example 2006,05,09,13,30,0 = May 9, 2006 1:30PM --Change YOUR MESSAGE HERE to what it will its counting down to. --Change CELEBRATING MESSAGE to what it will say on that day.
--------------------
DISPLAYING ENTRIES - WEB. STATS
DiSPLAY 0NLY 0NE ENTRY
DiSPLAY THREE ENTRiES
--------------------
MODULE STUFF
COLLAPSiBLE CUST0M M0DULE
EXTRA CUST0M M0DULE
CUST0M RiGHT M0DULE
REM0VE LEFT SiDE M0DULES
SWAP M0DULE SiDES
-->the code i'm using. as you can see, the information (name, interests, etc) is now on the right side of the xanga.
--------------------
MUSIC
MUSiC DR0P D0WN MENU
if the code above doesnt work, try the one below:
MUSiC ViDE0 C0DE
NEW S0NG 0N REFRESH
--------------------
REM0VERS
AD REM0VER
REM0VE P0STiNG CALENDER & GET iNV0LVED
--------------------
TITLE & STATUS BAR
--------------------
TiTLE BAR C0DES
"ARR0W HEAD"
"FLASH"
"RAND0M TiTLE 0N REFRESH"
--> this is the code i'm using on this xanga. refresh the page to see a different title. =]
"STATiC"
"TYPEWRiTER"
--------------------
STATUS BAR C0DES
MULTiPLE MESSAGES FLASH
SiMPLE
2 DiFFERENT MESSAGES
M0ViNG CAPiTALiZATi0N
SiNGLE MESSAGE FLASH
DiSPLAYS THE AM0UNT 0F TiME (the visitor has been at the xanga)
STATUS BAR - DiSABLE MESSAGE APPEARiNG ORiGiNAL URL.
--------------------
MARQUEES
BASiC MARQUEE
B0UNCY MARQUEE
PiCTURE MARQUEE
MARQUEE WiTH BACKGR0UND
SiX-B0XED MARQUEE
T0RNAD0 MARQUEE
MARQUEE WiTH ARR0WS
[example]
MARQUEE THAT SL0WS 0N HOVER
MARQUEE WiTH B0RDER
--------------------
SIMPLE TEXT HTML
BOLD [example]
iTALiCiZE [example]
UNDERLiNE [example]
STRiKE-0UT
[example]
SUBSCRiPT [example]
SUPERSCRiPT
[example]
CHANGE F0NT C0L0R
CHANGES F0NT FACE
CHANGES F0NT SiZE
C0MBiNiNG iT ALL
DiFFERENT C0L0RED B0LDED TEXT
DiFFERENT C0L0RED iTALiC TEXT
-------------------
AIM REMOTES
AIM REMOTE
AIM REMOTE (simple)
--------------------
C0MMENT C0DES
C0MMENT B0X - CUSTOMiZE
C0MMENT B0X - RESiZE
C0MMENT/EPR0P AREA - BACKGR0UND C0L0R ALTERNATiNG
| | |
| The Following Codes are from sizzlincodes_x! Check out there Awesome site of codes!!
THE BASICS
Font Face -- put anywhere
Font Color -- put anywhere
Font Size -- put anywhere
Bold -- put anywhere
Italicized -- put anywhere
Underlined -- put anywhere
Struckout -- put anywhere
Superscript -- put anywhere
Subscript -- put anywhere
CUSTOMIZE YOUR SITE
Background -- put in custom header
Drop Down Playlist -- put in custom header or custom module
Change eProp, Cmment, & Guestbook Links -- put anywhere
Page Entering Pop-Up -- put in custom header
Page Exiting Pop-Up -- put in custom header
Remove the Ad(at the top of the page) -- put at the very beginning of the custom header
Move Modules to the left side -- put anywhere
| | |
|
|
|
The Following is from lays_n_codes!! Go visit them for more AWESOME codes!!
Drop Down Music Player. Place In Custom Header
Custom Scrollbars. Place in Custom Header.
Change Links like comment and eprop . Place in Website Stats
Change Words like Name, Bday etc. . PLace in Website Stats
Scrollbar for subscriptions list . Place in Website stats
Flooble chatterbox name tracker! Place in website stats
Popup on entry. Place in custom header.
alternate comment colors
customize comment box
customize comment texts
custom module - extra module
Rainbow Text Hover . Place in Website stats
New Song on Refresh . Place in Cusotm Header
Right Click Single Pop up . Place in Website Stats
Status Bar Message . Place in Custom Header
Remove Xanga ad . Place at the very beginning of Website Stats
Popup alert when leaving . Place in custom header
Title Bar Message . Place in custom header
Change Month, Day, and Year . Place in website stats Ex. Hug Me Monday the 11th of Kisses May
Change Navigation to look like THIS BE SURE TO REPLACE USERNAME HERE WITH UR USERNAME!!
Picture Marquee . Place in Custom Header
Bordered Hover . Place in Custom Header
Blur Hover . Place in Custom Header
Flip Text hover . Place in Custom Header
Shadow Hover . Place in Custom Header
Remove Posting Calendar, Get iInvolved! . Place in Website Stats
Talking Wizard . Place in custom header
Scrolling text in boxes . Place in Custom Header
Any Size profile picture . Place in Website Stats
Scrollbar on left side . Place in website stats
Pacman Game . Place in Custom header
^^This may take a while to load! But hey its pretty cool!
Change font size . Place in an entry and make sure Edit HTML is checked
Bold text . Place in an entry and make sure Edit HTML is checked
Italicize text. Place in an entry and make sure Edit HTML is checked
Xanga Name-changes name above profile pic . place in Custom Header
Scrolling words ((Marquee))
Insert a banner *
Background **
Swap Sidebar **
Scrollbar color**
Box around xanga*
Music/Music Video***
Border around whole page**
Ill have more later!! Have fun!! <3 Whitney
Ok heres more!!
Change Links like comment and eprop . Place in Website Stats
Rainbow Text Hover . Place in Website stats
Right Click Single Pop up . Place in Website Stats
Status Bar Message . Place in Custom Header
Remove Xanga ad . Place at the very beginning of Website Stats
Popup alert when leaving . Place in custom header
Title Bar Message . Place in custom header
right click with pop-up--HTML
right click with never ending pop-ups--Place in HTML
right click, sign out--Place in HYML
no right click or highlighting--place in HTML
disable highlighting with pop-up--HTML
right click, page shakes--HTML
border around xanga--
Mousehovers
blur--
border--
spaced out--
change cursors over link--
shadow--
Html 4 your blogs!
change color and size--
glowing font--
shadowed font
text aligned left--
text aligned right--
text centered--
MAKE SURE YOU PUT THE FOLLOWiNG CODE iN UR WEBSTATS!
THE CODE ABOVE iS FOR THE REPLACiNG OF WORDS AND SUCH! THANKS.
Music
Change the eprop pic**
Alternate comment colors Change the NO eprop pic** Message at the bottom part ** Xanga paint *** Smileys for Comment Box** Change "name, b-day, location etc" ** Disable right click w/ pop up** Disable right click w/ no pop up** Right Click log out ** Right Click+Neverending popups ** Short script for No right click or highlighting ** Right-click Page shakes ** Highlighting text w/ pop up ** Remove "posting calender, Get involved, etc" ** Change dates(looks)** Remove eprops and link ** Pop up on entry** Falling images*** Submenu on top** Disable highlighting** Blink box* Change Xanga ad opacity ** Subscriptions Scrollbar** Drop down list *** Hide xanga ad ** Transition when Leaving a page** Transition when Entering a page ** Wizard Pop-up on entry (talks) ** Splash Screen [place in header BEFORE everything else] * Pixelated Mouseover Picture *** Image Slideshow New Song on Refresh ***
Allow Certain Usernames on Your Site**
Cursors!
Rotating cursor*** Clock cursor** Cursor that says I love u*** Another cursor ** Text trailing the cursor** Triangle cursor *** Neko the cat follows around cursor** Random cursor ** I Love You cursor w/ blinking hearts *** Another I Love You cursor *** Spinning Image Cursor
-----------------M A R Q U E E S / T E X T------------------ Text aligned left*** Text aligned right*** Text in the center*** Italic*** Bold*** Underlined*** Striked*** Change color*** Change color AND size Marquee scrolling left*** Scrolling left w/ background*** Scroll left w/ background and font color change*** Side to side w/ b/g color*** Marquee scrolling up and down*** Scrolling down*** Glowing font*** Shadowed font***
This code is for the boxes that all the codes are in..
How to put those in-- 1. Copy the code and go to your entry. 2. Check the "Edit HTML" Box and paste the code. 3. Uncheck the "Edit HTML" box and now there will be a box with a "Your text here" 4. Then just put what you want inside.
SCROLL BARS IN ENTRIES ((WEBSITE STATS))
CHANGE font type ((header))
CHANGE FONT COLOR
NO COPY/PASTE
````````````````CURSORS`````````````````````````````````
place all at the end of website stats
HOTTIE
hem hem FUCK OFF cursor
``````````````````````````````````````````````
Replace previous5/next 5((web site stats))
Double Underline Color : 2nd Line Dashed *webstats*
Left Module Switch Sides to Right *webstats*
ADD A XANGA HEADER ((custom header))
REMOVE LEFT SIDE MODULE
talking wizard ((custom header))
Underline/Overline Link Hover *webstats*
Right click earthquake effect
SHADOW HOVER
FADING HOVER
LINE THROUGH--hover
Color Chart

MORE CURSORS-custom head----dont see one you want comment me and ill get u the cursor you want!
PINK CHERRIES---
KISS ME------
HEART-----
BASKETBALL----
SOCCER BALL----
POPSICLE----
strawberry----
COFFEE CUP
RAIN DROP----
BITCH ALERT CURSOR----for darker backrounds
PROP ME----
YELLOW DUCKIE-----
ROSE--------
WATERMELON-----
DANCER-----
I LOVE NERDS-------
|
|
|
|
| | | |
|