HTML & CSS for Profile Help

Drop your suggestions, ideas, and reports in here.

Moderators: Auer, xNyctophilia

User avatar
Luffy
Site Admin
Site Admin
Posts: 928
Joined: 13 Jun 2008, 09:46

HTML & CSS for Profile Help

Post by Luffy » 10 May 2013, 16:53

You can use HTML and CSS on your profile now. :dance

Image

Let me know if you find any bugs or have any suggestions :D

Profile Template

Template 2
Avatar on left. Change this line to move avatar to the right

<div style="float:right;width:330px">

Code: Select all

<style>
.holder{border:10px solid #FFFFFF;margin:5px;box-shadow:2px 2px 5px #000;overflow:hidden;transition:all 0.5s Ease;text-align:left;float:left;width:300px}
.holder2{border:10px solid #FFFFFF;margin:5px;box-shadow:2px 2px 5px #000;overflow:hidden;transition:all 0.5s Ease;text-align:left}
.clear{width:100%;clear:both!important;display:inline-block}
</style>
[BUTTONS]
<div style="float:left;width:330px">
<div class="holder">[AVATAR]</div>
<div class="clear"></div>
<div class="holder">[FRIEND_BOX]</div>
<div class="clear"></div>
<div class="holder">[MUSIC]</div>
</div>
<div class="holder2">[COMMENT_BOX]</div>


Template 3
With Youtube video on top

Code: Select all

<style>
.holder{border:10px solid #FFFFFF;margin:5px;box-shadow:2px 2px 5px #000;overflow:hidden;transition:all 0.5s Ease;text-align:left;float:left;width:300px}
.holder2{border:10px solid #FFFFFF;margin:5px;box-shadow:2px 2px 5px #000;overflow:hidden;transition:all 0.5s Ease;text-align:left}
.clear{width:100%;clear:both!important;display:inline-block}
</style>
[BUTTONS]
<div style="float:left;width:330px">
<div class="holder">
[AVATAR]
</div>
<div class="clear"></div>
<div class="holder">[FRIEND_BOX]</div>
<div class="clear"></div>

</div>

<div class="holder2">
<object width="620" height="315"><param name="movie" value="http://www.youtube.com/v/KL5JooA4UIw?autoplay=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/KL5JooA4UIw?autoplay=1" type="application/x-shockwave-flash" width="620" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</div>

<div class="holder2">[ABOUT_ME]</div>
<div class="holder2">[COMMENT_BOX]</div>
~Monkey D. Luffy was here~

User avatar
Spyro
Anispace Pro
Anispace Pro
Posts: 1179
Joined: 07 Jun 2012, 07:43

Re: HTML & CSS for Profile

Post by Spyro » 10 May 2013, 17:08

Thanks, Luffy I plan on trying it out later.
Image

User avatar
BenevolentWarrior
Anispace Beginner
Posts: 58
Joined: 01 Mar 2013, 18:11

Re: HTML & CSS for Profile

Post by BenevolentWarrior » 10 May 2013, 17:11

I wish to learn this black magic. Thank you Luffy.
Requiem

User avatar
Pandicream
Anispace Apprentice
Anispace Apprentice
Posts: 316
Joined: 27 Oct 2012, 13:11

Re: HTML & CSS for Profile

Post by Pandicream » 10 May 2013, 17:31

OMG! Comment Box can go above everything else and it's so simple! :O!! People can just leave comments without having to look at anything else. I love this new design.
Last edited by Pandicream on 01 Jan 2013, 15:12, edited 1 time in total.

User avatar
LarsAlexandersson
Anispace Cadet
Anispace Cadet
Posts: 140
Joined: 05 Aug 2012, 13:42

Re: HTML & CSS for Profile

Post by LarsAlexandersson » 10 May 2013, 17:51

Welp time to experiment even though I have No idea what I'm doing lol

User avatar
Pandicream
Anispace Apprentice
Anispace Apprentice
Posts: 316
Joined: 27 Oct 2012, 13:11

Re: HTML & CSS for Profile

Post by Pandicream » 10 May 2013, 18:06

SkyGamerNerd wrote:So confusing... Might as well get used to it.

What's confusing you? I made a profile based off Luffy's example. I think I'm getting the hang of this. Maybe I can help :o?
Last edited by Pandicream on 01 Jan 2013, 15:12, edited 1 time in total.

User avatar
InuYashaa
Anispace Apprentice
Anispace Apprentice
Posts: 262
Joined: 02 Nov 2009, 04:31

Re: HTML & CSS for Profile

Post by InuYashaa » 10 May 2013, 21:27

It's nice. I'll definitely try it out.

Thank you Luffy -
Image
Image
- InuYasha -

User avatar
xHotarux
Posts: 1
Joined: 17 Apr 2013, 18:27

Re: HTML & CSS for Profile

Post by xHotarux » 10 May 2013, 22:12

Luffy arigato gozaimasu(sorry if misspelled) I love the new styles
I like to create an original profile like that C:
Thanks :) I loved it

User avatar
Crazeye
Anispace Pro
Anispace Pro
Posts: 2434
Joined: 18 May 2011, 01:25

Re: HTML & CSS for Profile

Post by Crazeye » 10 May 2013, 22:28

Now I must learn about this foreign HTML language. =w=
"When you don't fit in anywhere in the world, what should you do?
Carve yourself to fit the world...? ...Or carve the world to fit
you?!"


C.C.C (Crazeye's Creative Corner)
◕‿◕

My enter key & spell-checker are morons!

User avatar
totallyweakman
Anispace Champion
Anispace Champion
Posts: 3948
Joined: 25 Sep 2009, 23:19

Re: HTML & CSS for Profile

Post by totallyweakman » 10 May 2013, 22:52

For the people that edited their profile already, you can't access their gallery anymore. I see that as a problem, or was that always intended?

Post Reply

Who is online

Users browsing this forum: No registered users and 2 guests