Sign Up
 
Log In
352 Players Online
01:30:04 MST
Sign Up or Log In With:
Facebook
Google
Marapets is mobile friendly
Marapets is mobile friendly
[br]I joined marapets: August 12, 2006, 12:35 am [br]






Monika
  1. 1,00,000 mp on Leprechaun
    27th Aug 2019 17:30
    5 years, 4 months & 1 day ago
  2. Club: *LIMITLESS* ~ FACTION WAR
    16th Feb 2018 13:46
    6 years, 10 months & 10 days ago
  3. Limitless - Vanity Faction
    13th Feb 2018 18:17
    6 years, 10 months & 13 days ago
  4. The evolution of ROXY ( FIRST GINGERBREAD SINDI )
    15th Dec 2017 21:01
    7 years & 12 days ago
  5. Art I have bought~
    13th Dec 2017 17:55
    7 years & 14 days ago
  6. Limitless Dress Up Contest
    13th Dec 2017 17:12
    7 years & 14 days ago
  7. Ashe is the best evveeeeeeeeeeeeeeeeeeeeer
    29th Nov 2017 19:51
    7 years & 28 days ago
  8. ISO MISSING STAMPS FOR COLLECTION
    29th Sep 2016 09:50
    8 years, 2 months & 26 days ago
  9. Dear Staff
    26th Dec 2015 13:11
    9 years & 1 day ago
  10. FINALLY MADE MY DREAM PET<33333333333
    6th Apr 2014 13:10
    10 years, 8 months & 22 days ago
STAFF
10 years, 9 months & 26 days ago
2nd Mar 2014 14:29

I would like to notify you, that I'll be using a different IP address throughout the week. My friend from college's family went on vacation, and I'll be staying with her on and off for a week. She does not have a marapet.

Thank you!

TO STAFF
11 years & 21 days ago
6th Dec 2013 12:16

I log onto multiple computers, including my phone.

I use my work laptop, my personal laptop, my boyfriends laptop, and my cell phone, and sometimes my ipad.

Please dont ban me, I am a loyal member.

Thank you, Ann.Adore

...
11 years & 24 days ago
3rd Dec 2013 23:34

lasting15 - chris - june 19th.(+2 MST)
annpa56 - Ann - July 27th
audrinabrielle - audrina - December 22nd.
angelsitax - Angel - May 26th
Leirissa - Risa - November 20th
pituuh - Kay/Pitu - September 13th
dracaenae - Grace - September 19th

Advent Calender 2013
11 years & 26 days ago
1st Dec 2013 03:32

1. 2 Blitzen Cupcake and 1,000MP
2. 2 Bug Quell Plushie and 2,500MP
3. 2 Bellerina and 1,250MP
4. 2 Seasonal Cupcake and 300MP
5. 2 Blue Fire Dress and 600MP
6. 2 Elf and 150MP
7. 2 Minti and 3,000MP
8. 2 Fat Snowman Plushie and 1,500MP
9. 2 Seasonal Sword and 500MP
10. 2 Christmas Gift Cupcake and 950MP
11. 2 Elf vs Beelzebub and 5,000MP
12. 2 Broken Seasonal Candycane and 1MP
13. 2 God Wig and 750MP
14. 2 Mistletoe Plushie and 425MP
15. 2 Butterfly Dress and 4,000MP
16. 2 Magic Christmas Tree and 1,500MP
17. 2 2013 Christmas Carols and 500MP
18. 2 Dark Lorius Shirt and 5,000MP
19. 2 Blue Fire Suit and 250MP
20. 2 Stocking Candycane and 2,000MP
21. 2 Frost Hoodie and 700MP
22. 2 Nightmare Snowman Plushie and 666MP
23. 2 Snixie and 350MP
24. 2 Elf Pearl and 7,500MP

heyyyy
14 years, 4 months & 11 days ago
17th Aug 2010 14:06

Ok first part: basic;

<b>text here</b> makes the text bold

<u>text here</u> makes texts underlined

<i>text here</i> makes the text italic

<br> Starts a new line


Headers

Headers appear in the style slightly different as to make them look good on a background you must add different aspects.

h1 stands for header 1.
headers usually have a background color so that is added too.
the line height is the height of the background.

h1
{font-size:17px;
line-height:18px;
text-align:right;
background-color: #FFFFFF;
color:#3399CC;
font-family:Century Gothic;
text-decoration: none;
}

You can also add multiple headers.

---------------------------------------------------------------------------------------------------------------------------

This is all we include in the styles.
so with all the information I have given you far this is an example of the sort of style you can create.

<style>

p, td
{font-family: Century Gothic;
font-size: 11px;
font-weight: 500;
color: #333333;
text-decoration: none;}


a:link,
{font-family: Century Gothic;
font-size: 10px;
color: #0066CC;
letter-spacing: 1px;}

a:hover
{font-family: Century Gothic;
font-size: 10px;
text-decoration: underline;
color: #333333;
letter-spacing: 1px;}


b
{font-size: 12px;
text-decoration: bold;
margin: 0px;
font-weight: 650;
color: #0066CC;
text-align: left;}

i
{color: #333333; h1
{
font-size:19px;
line-height:18px;
text-align:right;
background-color: #FFFFFF;
border-bottom: 1px dotted #333333;
color:#3399CC;
font-family:Century Gothic;
text-decoration: none
font-style: italic;}

u
{text-decoration: underlined;
color: #000000;
font-size: 11px;
}


;}



</style>


---------------------------------------------------------------------------------------------------------------------------

Now for the actual coding.
Firstly the banner.

You want it in the center
so...

<center>
<img src=URL here
>
</center>

---------------------------------------------------------------------------------------------------------------------------


OKay so now for the table bit.
This is where it gets complicated
For each box you need to code many different things about it.

<Table>
<Td Background=http://i41.tinypic.com/2mm9v0o.jpg
>
<Div Style=overflow:auto;width:520px;height:130px;border-width:1px;border-style:solid;border-color:FFFFFF;>
<h1>HEADER TEXT GOES HERE</h1>
TEXT GOES HERE

</Div></TD>

This is the code for just one long box.
For each new line of boxes you need the <table> to format the boxes as a table.
Then you need the background image of the box.
<td background=
>
Then you need the style of the box,( how it looks)
you need to include the size, and border information.
you also have to include a code that affects the overflow of text,

you can see how I have done it above.
after this you need to add the text,
firstly the header.
then the normal text.
to make the header text like you have set it you have to include the style tag <h1>TEXT</h1>

then you can do your normal text.
to close the box you then do
</div> </td>


---------------------------------------------------------------------------------------------------------------------------


For two boxes on a line it will look like this:
the (Bracketed words) are just helpful notes to point things out for you not included in code.

<Table>

<Td Align=Left>
<Td Background=http://i41.tinypic.com/2mm9v0o.jpg
>

<Div Style=overflow:auto;width:255px;height:150px;border-width:1px;border-style:solid;border-color:FFFFFF;>
<h1>Header</h1>

Text

</Div></Td>


(as you see for another box include no table code, you only need it for the first box on the line)
<Td Align=Right>
<Td Background= http://i41.tinypic.com/2mm9v0o.jpg
>
<Div Style=overflow:auto;width:255px;height:150px;border-width:1px;border-style:solid;border-color:FFFFFF;>
<h1>Header</h1>

Text

</Div></Td>
</Div></Td></Table>
(for the last box on the line, if there are multiple boxes, you need to include this extra coding)

---------------------------------------------------------------------------------------------------------------------------

Try altering all the box information and styles for your own sort of layout
if there are any questions just look them up on the internet you will find out how to

  1. 1,00,000 mp on Leprechaun
    27th Aug 2019 17:30
    5 years, 4 months & 1 day ago
  2. Club: *LIMITLESS* ~ FACTION WAR
    16th Feb 2018 13:46
    6 years, 10 months & 10 days ago
  3. Limitless - Vanity Faction
    13th Feb 2018 18:17
    6 years, 10 months & 13 days ago
  4. The evolution of ROXY ( FIRST GINGERBREAD SINDI )
    15th Dec 2017 21:01
    7 years & 12 days ago
  5. Art I have bought~
    13th Dec 2017 17:55
    7 years & 14 days ago
  6. Limitless Dress Up Contest
    13th Dec 2017 17:12
    7 years & 14 days ago
  7. Ashe is the best evveeeeeeeeeeeeeeeeeeeeer
    29th Nov 2017 19:51
    7 years & 28 days ago
  8. ISO MISSING STAMPS FOR COLLECTION
    29th Sep 2016 09:50
    8 years, 2 months & 26 days ago
  9. Dear Staff
    26th Dec 2015 13:11
    9 years & 1 day ago
  10. FINALLY MADE MY DREAM PET<33333333333
    6th Apr 2014 13:10
    10 years, 8 months & 22 days ago