Warning: Undefined array key "HTTP_ACCEPT_LANGUAGE" in /var/www/minitokyo/www/includes/common.inc.php on line 360 New Layout Customization Tutorial! - Minitokyo

New Layout Customization Tutorial!

This thread is pinned.

page 2 of 4 « Previous 1 2 3 4 Next » 93 total items

Nice tutorial ! I would have a question though ~ How you put image like ID for example above the popular art on your userpage ? Do you need any codes to make the image centered or does it go automaticly ? Also would like to know how you can add texts to your userpage and how the font changing works ? Have been looking around but haven't noticed anyone asking/answering on this matter. Or then I'm just so noob and haven't understanded the text right xD

Signature
	Image

dementia

dementia

Glare

what do you mean by "measure the number of pixels." How do you do that

Nekomimi12

Nekomimi12

Im just different

how do u fix it when the background is repeating

Join my rp group Karuma-Kingdom. . . . . n join other role playing groups like Sleepless Paradise n Vampire Lair
>^.^<Signature Image

Thanks! this help a lot 8d, exept that i didn't understood everything because i don't speak english very well xD
but i have a question, i put the codes in the CSS, i uploaded the image, etc but the image looks like this
(ignore the advertising xD) how can i fix it?D8, and thanks again 8)

thingperson

thingperson

Elizabeth, Ruler Of All Bishies

Quote by ZefieNice tutorial ! I would have a question though ~ How you put image like ID for example above the popular art on your userpage ? Do you need any codes to make the image centered or does it go automaticly ? Also would like to know how you can add texts to your userpage and how the font changing works ? Have been looking around but haven't noticed anyone asking/answering on this matter. Or then I'm just so noob and haven't understanded the text right xD

Here are some basic code you would need for your userpage.

Make sure you always close your code with then ending code I have displayed below or they wont work.

For Centering:
<center> You put your text or image code here </center>

For text sizes:
<font size="3"> Put your text here and change the "3" to whatever font size you want </font>

Bold Text:
<b> Put your text here </b>

Italic Text:
<i> Put your text here </i>

If you want a different color than the ones you have set in your Style Editing in your userpage than:
<font color="green"> Put your font here and change the "green" to whatever color codes you want or color name</font>

For Creating a new paragraph:
<p> Put your text and paragraph in here </p>

To Insert a line break:
<br>

If you want to align a large section of text on the Left, Center, or Right side of your userpage use this:
<div align="left"> Put your text here and change the "left" to either Right or Center if you want </div>

Put put an Image up on your userpage:
<img src="Put the Direct Link to your image you uploaded here">

I hope this helps some..*smiles*.

merged: 01-07-2010 ~ 11:21pm

Quote by Suiseiseki22101995Thanks! this help a lot 8d, exept that i didn't understood everything because i don't speak english very well xD
but i have a question, i put the codes in the CSS, i uploaded the image, etc but the image looks like this
(ignore the advertising xD) how can i fix it?D8, and thanks again 8)

My suggestion would be to just redo your userpage image to where on the right side you have a solid color to where when you upload it again it will repeat a solid color and will not look like its repeating. There is a code that lets you use a whole image though but I havent figured that one out yet. But till then editing your image should help.

All hail Queen Elizabeth, ruler of all bishies. Watch your back, you wanna-be's
My Husband's are Kaname, Tsuna, Ichigo, Naruto, Haji, Hei, Sebastian, Lee-Leng
and that is why my world is of silk sheets, imported champagne, and endless erotic delight..
Signature
	Image VISIT THE userpageskindesignss20-signaturestudiotag-licious AND JOIN US

ArtificialRaindrop

ArtificialRaindrop

We're All Mad Here.

How do you make the top part of the background image stretch farther? I hate having my skin crammed in to the left corner and would like it to be longer...

Signature ImageYou can't live without the fire, it's the heat that makes you strong ~ Within Temptation, "Iron"
KHDownloads <-- Butterfly Chaser referred!

pandemonium91

Retired Moderator, Tagger

pandemonium91

Hello! Thank you for this wonderful tutorial, it certainly makes things a lot easier *_*
I have a problem with the backbone background, though. I'm trying to make it transparent, so the part of the header under it can be visible, but when I try to add " background: none" it just displays the color [ screenshot ]. Without the color, it shows MT's default backbone BG image.
After some slight modifications I made the background more visible, so you can see where the BB begins [ screenshot ].
I tried to cheat my way out of this by using a blank image as bg.png , and so far everything's been going smoothly except for this problem. Any way to fix this? o_O

the header

The code for the backbone (altered from MT's original coding)

Code:
#backbone { background: none; url(http://i73.photobucket.com/albums/i204/pandemonium91/transp.png) 0 -390px repeat-x; height: 59px; position: relative; z-index: 12; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; }
#backbone h1 { position: absolute; height: 52px; font: 19px Trebuchet MS; letter-spacing: -1px; color: #877795; width: 100%; margin: -10px 0 0 -10px; padding: 37px 0 0 20px; background: url(http://i73.photobucket.com/albums/i204/pandemonium91/transp.png) -70px -140px no-repeat; }
#backbone h1 * { font-size: 17px; }

If you can't handle me at my best, then you don't deserve me at my worst!

ManekiNekobus

ManekiNekobus

dreams and impossibilities

When I upload an image, it blacks out
What do I do?
I'm kind of a n00b at this kind of stuff..

reading: KARNEVAL, DOGS, I'LL/CKBC
Signature Image

Poseidon2

Valomor

yeeah thanx maple rose i nedded to know this your the best :P -here hav this offers shiny sword with acient elven text on it - i forged it my self in the ocean thanx again maple rose

I HAVE SOME OF THE GREATEST FRIENDS EVA THANX GUYS AND GALS

Kishintora

Kishintora

Quiet Member

Thanks for this tut ;)

GunsxShurikens

GunsxShurikens

??????????

I tried and maybe get a tiny grip of this... CSS thingy....
Maybe I should really get Photoshop so I could work on this perfectly.

Thanks for the tutorial Maple! Love your Yuki avvie by the way.

"My biggest fear isn't that one day I wouldn't remember this. It's knowing, that one day, you won't be there to remind me."
"I'm waiting for you" from Yuki
http://i203.photobucket.com/albums/aa291/mahora3-a/No1ChaofSpringsig.png

Quote by MapleRose!NOTE! if you want the background on the left column (under the avatars) to be a different colour than the right side (like on the default layout)
You need to first make an image 250px wide (the height doesn't matter), filled with the colour you want your background to be
(for example, like this: http://static.minitokyo.net/posts2.png ), and upload it somewhere.

I've thought of making a new layout for myself and decided to read again these tutorials since I'm completely hopeless whit CSS and all. And I've always wanted to know how one could change that left column where the avatars are to a different colour. So I was very clad when I could finally find it here but then I couldn't get it. How and where do I upload that image which contains the colour I want that left column to be? Thank you in advance!

Scarven

Scarven

Lost in Wonderland

Thank you very much for tutorial^^

my-maidenclamp-a-holicdark-walliestag-licioustsubasachamber-of-kingsjapanesevectoryvector-wallerscelestial-luminessefye-fanss20-signaturestudiowings-loversmangaholicsjapaneselovercolorfull-walliesdoujinshi-support-clubcarnelian-sworldthe-planning-boardsakura

tsuyutsuki

tsuyutsuki

The comeback (?)

I have a question ^^
Recently, a small dark tab has appeared under the scans and indies.
How do I change the tab's color?
Thankies~
If possible, make a GB entry with the answer, okies?

Avatar and Signature design by xxKurumi
Signature
	Image

superkabog

superkabog

VIP,Queen ~ Goddess

I really really really really want to Edit my page,.. but while reading this......... blah blah blah my Head is aching...Sigh*

Signature
	Image ’̿’\̵͇̿̿\з==(•̪●)==ε/̵͇̿̿/’̿’̿ ̿

Lonely-Uta

Lonely-Uta

Too much boredom :/

Should we read all of the tutorial to know how to use CSS? When I copied it to Microsoft, It took about 80 pages DX (font size is 12)

boredom

hitsu-chan

hitsu-chan

K-PoP AdDicTioN <3

cool! thank you very very MUCH! *Cheers* xD

Signature
	Image
make-your-best ecchi-club host-club bleach-central tsubasa s20-signaturestudio

maryshee

maryshee

Songtress

Hi! I tried the instructions in here and now I can't switch to Advanced CSS tab... T_T, can it be fixed without reseting my page?

Love never fails. . .
Signature
	Image

Excellent tutorial! It really helped me make my userpage look better, now I seem to have a problem though.. I made a userpage layout following this tutorial and it worked just fine but yesterday I was trying to change it for a new one and somethings wrong. My header doesnt show, it only shows black, been trying to fix this (I tried different formats.. PNG, JPEG, GIF) but none seems to work, so I tried to switch back to the working layout I had before but all the same, my old header is not showing which is weird that it worked before and now its not working, all header area just goes black =/

I'm not sure what should I do or fix cause I dont know what I did wrong to begin with ._.
hopefully someone can help, I'd really appreciate that. Hope my userpage or my account is not corrupt or something >.<

maryshee

maryshee

Songtress

Quote by Hujisaki-YamatoExcellent tutorial! It really helped me make my userpage look better, now I seem to have a problem though.. I made a userpage layout following this tutorial and it worked just fine but yesterday I was trying to change it for a new one and somethings wrong. My header doesnt show, it only shows black, been trying to fix this (I tried different formats.. PNG, JPEG, GIF) but none seems to work, so I tried to switch back to the working layout I had before but all the same, my old header is not showing which is weird that it worked before and now its not working, all header area just goes black =/

I'm not sure what should I do or fix cause I dont know what I did wrong to begin with ._.
hopefully someone can help, I'd really appreciate that. Hope my userpage or my account is not corrupt or something >.<

Hi Hujisaki! The header image change is not taking effect whenever you upload a new one, is that what you mean? I experienced the same thing whenever I tried to change my header image, I can still see the previous image I had or the background color that I set for my page. What I do is I refreshed my page, clear cache and history. If it still doesn't work, I just waited for quite some time because maybe the new image I uploaded is not yet updated on their server. After waiting and refreshing the page again, the new image is now there. You can try to do that because it worked for me. ^_^

Love never fails. . .
Signature
	Image

Sakon03

Sakon03

Enjoy Everything!

Hwa, thanks for this tutorial ^.^b

It was very helpful XD Hoho I will try~

My senpai tell me that my doodle type is 'Shoujo Ghotic' [what's that huh? Cool haha] Maybe yes. Maybe no.
I hope u like that of course ^.^v My new DA => sakon04.deviantart.com Enjoy it!!!

thanks so much for the tutorial *.*

This was really helpful, now I just want to fix the colors for the background of the guestbook entries (like where the avatar of the member appears)
Can someone point me where that code is please? ^^'
Thanks MapleRose (btw I like your username ^^)

~Lys

Signature Image
Banner by me

RyomaSasuke

RyomaSasuke

Anime Otaku

thanks for the tutorial!

"Forsake the future, sacrifice your dreams, while stained with deep despair, elude the past, fight the reality and never relinquish your nobility."

page 2 of 4 « Previous 1 2 3 4 Next » 93 total items

Back to Userpage Customization | Active Threads | Forum Index

Only members can post replies, please register.

Warning: Undefined array key "cookienotice" in /var/www/minitokyo/www/html2/footer.html on line 73
This site uses cookies. By continuing to browse the site you are agreeing to our use of cookies. Read more.