How To Hack Your Profile Page
From Artist Organized Art
Contents |
Please add hacks to this page
It's good to learn some hand coding hacks for creative use of this wiki. Use these codes in your profiles and in pages. They will work pretty much everywhere on the wiki. If you have more hacks add them to the discussion page.
GLOVE
Here are some examples of how GLOVE hacked images and youtube embeds into his profile.
You can enter and mix text, html and wiki code into your profile. They can all be combined in the form fields. Here are some screens from GLOVE's edit profile pages:
The Code HTML, Text, Wikicode
Here is the full html from the forms on the example by GLOVE
Personal Info
Info
Name [[Image:GLOVE7.jpg]]GLOVE
Location
City [[Image:GLOVE8.jpg]]<br>New York City
Hometown
city [[Image:GLOVE11.jpg]]<br>New York City
Other Info
Movies <embed src="http://www.youtube.com/v/z2QaUltkLwI&hl=en" type="application/x-shockwave-flash" wmode="transparent" width="325" height="355"></embed>
Custom Info
Custom1 <div STYLE="float: right; margin: 20px;"> <object id='application' classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0' codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" data="http://www.networkforgood.org/PCA/Badge.swf?BadgeId=112856" width="160" height="475" id="myCharityBadge"><param name="allowScriptAccess" value="all"></param><param name="movie" value="http://www.networkforgood.org/PCA/Badge.swf?BadgeId=112856" ></param><embed src="http://www.networkforgood.org/PCA/Badge.swf?BadgeId=112856" quality="high" width="159" height="475" name="myMovie" Align="" vspace="0" hspace="0" type="application/x-shockwave-flash"></embed> </object></div> [[Image:GLOVE12.jpg]] [[Image:GLOVE1.gif]] [[Image:GLOVE2.gif]] [[Image:GLOVE12.gif]] [[Image:GLOVE4.gif]]
Misc. Markup
It's useful to use div tags when you want to style text you can surround the text in these tags for alignment and placement.
The block on the right is done by coding:
<div align="justify" style="width:200px; float:right">hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello hello</div>
Try align="right" and align="left". Also the style command in the div tag is useful for placement. When you make a div with float right it puts whatever is in it to the right and floats text around it. Put it at the top of your text. You can also do float middle. Here's the code:
<div STYLE="float: right; margin: 20px;">text, image, video or whatever mix of elements you want</div>
If you click on edit or view source for pages where you see this (like the main page) you will see these codes in use. Feel free to use them in your profile! Play with it. It's fun. Don't worry about making a mess. We'll help you clean it up.
You will also find useful:
<small> text </small> <big> text </big> <b> text </b> <strong> text </strong> <i> text </i>
Which makes:
text
text
text
text
text