Making a Default Layout, Step by step |
![]() ![]() |
Making a Default Layout, Step by step |
![]()
Post
#101
|
|
![]() Senior Member ![]() ![]() ![]() ![]() Group: Member Posts: 115 Joined: Aug 2006 Member No: 456,141 ![]() |
yeahh ...
myspace.com/deja_vu_layouts ;] |
|
|
![]()
Post
#102
|
|
![]() Senior Member ![]() ![]() ![]() Group: Member Posts: 42 Joined: Jan 2006 Member No: 365,078 ![]() |
Gah when I edit the links part it doesn't work on firefox, but works in IE...WHY IS THAT? >___>
|
|
|
![]()
Post
#103
|
|
Newbie ![]() Group: Member Posts: 1 Joined: Jul 2007 Member No: 542,400 ![]() |
ok this is very very help full but what i want to know is how do i get like a link that goes to the preview of a layout..i want to make a layout site on myspace but i have no clue how to do it..like they have on some click here for layouts how do i find that and put it on my profile so people can click on it and look at the layouts..
|
|
|
![]()
Post
#104
|
|
![]() ;) ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 9,573 Joined: Feb 2005 Member No: 99,124 ![]() |
CODE <a href="LINK URL HERE TO THE PREVIEW">PUT TEXT HERE</a>
|
|
|
![]()
Post
#105
|
|
Newbie ![]() Group: Member Posts: 8 Joined: Jun 2007 Member No: 536,917 ![]() |
Okay above the about me and who'd like to meet text there's an orange bar that says "PersonsName blurb's" we all know, is there anyway to remove that?
|
|
|
![]()
Post
#106
|
|
![]() courtneeeey :) ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 420 Joined: Mar 2006 Member No: 386,316 ![]() |
say i wanted to get rid of the orange text instead of just change it, how would i change this code?
orangetext15 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;} or would it be completely different? EDIT: nevermind, found it! it was somewhere earlier in the topic. in case anyone else needs it - QUOTE <style>.orangetext15{display:none;}</style>
|
|
|
![]()
Post
#107
|
|
t-t-t-toyaaa ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Official Member Posts: 19,821 Joined: Apr 2004 Member No: 11,270 ![]() |
^ .orangetext15{display:none;}
|
|
|
![]()
Post
#108
|
|
![]() courtneeeey :) ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 420 Joined: Mar 2006 Member No: 386,316 ![]() |
found it right before you posted. but thanks for the thought! <3
|
|
|
![]()
Post
#109
|
|
![]() courtneeeey :) ![]() ![]() ![]() ![]() ![]() Group: Member Posts: 420 Joined: Mar 2006 Member No: 386,316 ![]() |
hmm. i still have that orange bar that was underneath "so and so's blurbs", do you know how i can get rid of that?
|
|
|
![]()
Post
#110
|
|
Newbie ![]() Group: Member Posts: 2 Joined: Jul 2007 Member No: 552,427 ![]() |
this is kind of hard for me....read it over...but i jux don't get wat to do........
![]() |
|
|
![]()
Post
#111
|
|
![]() ;) ![]() ![]() ![]() ![]() ![]() ![]() ![]() Group: Staff Alumni Posts: 9,573 Joined: Feb 2005 Member No: 99,124 ![]() |
^What do you not understand?
|
|
|
![]()
Post
#112
|
|
Newbie ![]() Group: Member Posts: 1 Joined: Aug 2007 Member No: 556,207 ![]() |
i just started a layout site on myspace and i am so confused on how to get the layouts into the blog and how to make default layouts, can someone pleaseee help me? thanks<3
|
|
|
![]()
Post
#113
|
|
Newbie ![]() Group: Member Posts: 1 Joined: Aug 2007 Member No: 557,375 ![]() |
i'm using this layout code for my page & i want my bolded text to just be a different color, but not bolded itself. i put "normal" in the font-weight part of the code, & to even make sure i put it in the other parts of the code that make the text bold. but it didn't work. i tried everything, and i even re-checked it.
do you know how to fix it? help! |
|
|
*karmakiller* |
![]()
Post
#114
|
Guest ![]() |
^ font-weight:normal; should work. If you want to make the text a different color though the CSS, you can create a whole other thing for that (instead of using the bold feature and trying to make it not bolded.) You could try something like nonbold{font-color:00000;font-weight:normal;} in the stylesheet and then to make text turn that color use <nonbold>your text</nonbold>
But if you're having issues with changed the bolded text in the CSS, post your code. |
|
|
![]()
Post
#115
|
|
Newbie ![]() Group: Member Posts: 1 Joined: Aug 2007 Member No: 558,951 ![]() |
Here's how to make a layout. There's a pinned post with stylesheets that you can also use. Okay, to make a layout, you need to use a stylesheet, or css. But what exactly is a stylesheet? A stylesheet is code that tells your web browser (i.e. internet explorer, mozilla firefox, safari) what the page should look like. It has text commands and table commands that tells the browser what color, size, and style should be for whatever you're specifying. How do I make a stylesheet? All stylesheets, whether it's myspace, xanga, or just a website, start out with <style> OR <style type="text/css">. Most commonly, the background information is the first to be specified. CODE body { background-color: ######; background-image: url('URL HERE'); background-attachment:; background-repeat: repeat; background-position:; }[/code] Then, if you want skinny tables, you can add CODE TD TD {text-align: center;} TD TD TD {text-align: center;} TD TD TD TD {border-top: 0px solid; width: 1%; text-align:left;} TD TD TD TD TD {border-top: 0px solid black; text-align:right;} TD TD TD TD TD TD {border: 0px solid;} TABLE, TD {padding: 0px; text-transform: none; width:350px;} TABLE TABLE {padding: 0px; text-transform: none;} TABLE TABLE TABLE {padding: 0px; text-transform: none;height: .01%; width: 100%;} TABLE TABLE TABLE TABLE {padding: 0px; text-transform: none;} TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: none;} TABLE TABLE TABLE TABLE TABLE TABLE {padding: 0px; text-transform: none;} table td div div font {visibili-ty:hidden;di-splay:none;} table table table table {border: 0px; text-align: justify; padding: 0px;} table table table table table {border: 0px; text-align: justify; padding: 0px;} table table table table table table {border: 0px; text-align: justify; padding: 0px;} The text properties: CODE font, body, table, td, div, h1, h2, br, a, p {font-family:; font-size:; color:; background-color: text-transform:; text-decoration:; font-weight:;} .orangetext15 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;} .whitetext12 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;} .lightbluetext8 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;} .text {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;} .nametext {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;} .blacktext12 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;} .blacktext10 {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;} .btext {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;} .redtext {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;} .redbtext {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;} Then the links: CODE a:link, a:active, a.man:link, a.text:link, a.redlink:link, a.redlink:active, a.navbar:link, a.navbar:active {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;} a:visited, a.man:visited, a.text:visited, a.redlink:visited, a.navbar:visited {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;} a:hover, a.man:hover, a.text:hover, a.redlink:hover, a.navbar:hover {font-family:; font-size:; color:; background-color:;text-transform:; text-decoration:; font-weight:;} Uhh, this stylesheet makes absolutely no sense. Okay, then I can explain it. Background Color: the color for your background. You can put white, black, or a hex code. A hex code is a six digit code consisting of numbers and letters that makes up a color. For example, ff6666 makes a certain shade of pink, while c0c0c0 is a light grey. There is a good hex chart at http://webmonkey.com/webmonkey/reference/color_codes/. Background Image: your background image. If you have it already saved onto your computer, go to tinypic.com or imageshack.us to get the URL for your background. Paste it in place of URL HERE. Background Attachment: Use "scroll" or "fixed" (without the quotation marks). Scroll will move the background along with your tables. Fixed will keep the background steady and only move the tables (recommended) Background Repeat: use "repeat" or "no-repeat" (still without the quotation marks). no-repeat will only have your background image appear once on your page, while repeat will have it repeated throughout. Background Position: Mandatory if you have a no-repeat image. If you don't, still position it, but it doesn't really matter. You can use: top left top center top right left center right bottom left bottom center bottom right font, body, table, td, div, h1, h2, br, a, p: the basic font on your page. Font Family: the font of your page. (Arial, Courier, Georgia, Times New Roman, Small Fonts, Century Gothic, Verdana) Font Size: the size of your font. use px or pt. For example: 7px (perfect for small fonts) 8px 9px 10px 21px 64318623816318px (hehe) You can do just about any size, but the most a size can be is 1002 (trust me! hah.) Color: use hex code. color for the font. Background Color: use hex code. background of the font. If not needed, just put "none" (without the quotes) Text Transform: Make all the text uppercase, lowercase, or normal. Text Decoration: Put underline if you want it that way. If not, just put none. Font Weight: makes it bold. If you want it bold, put bold. If you don't, put none. Orangetext15: About Me and Who I'd Like to Meet text Whitetext12: Interests, Contacting, Details, and Schools text. Lightbluetext8: General, Music, Movies, Television, Books, Heroes, Status, Here for, Hometown, Ethnicity, Zodiac Sign, Smoke/Drink, Education, and Occupation Text: Your headline, Age, that stuff. Blacktext12: Date on comments Blacktext10: Extended network text. Redtext: Amount of friends and number Redbtext: Has # friends and name's latest blog entry. Hope this helps!<3 edit// edited skinny code. this one is more fuctional and doesn't mess up your friends/contact table. :] [code]<style type="text/css"> b {background-color: a23b66; color: cccccc; font-family:Georgia; font-size:8pt; letter-spacing:0pt; font-weight:bold; } i,em{ background-color: a29ed3; color: a23b66; font-family:Georgia; font-size:8pt; letter-spacing:0pt; font-weight:normal; } u{ background-color: e18b76; color: cccccc; font-family:Georgia; font-size:8pt; letter-spacing:0pt; font-weight:normal; } </style> This is to edit your underline, bold, and italics text. B to edit your bold text. I to edit your italics text. u to edit your underlined text. i wuz like yay!!! put then i scrolled and it was fixed. how do i change that? |
|
|
![]()
Post
#116
|
|
Oloveshack ![]() Group: Member Posts: 4 Joined: May 2007 Member No: 528,142 ![]() |
I love this tutorial... but whats the end tag?
|
|
|
![]()
Post
#117
|
|
![]() Member ![]() ![]() Group: Member Posts: 13 Joined: Aug 2007 Member No: 560,615 ![]() |
Thank you so much for posting this! Maybe I'll try to make my first layout right now!
![]() |
|
|
![]()
Post
#118
|
|
![]() Senior Member ![]() ![]() ![]() ![]() Group: Member Posts: 166 Joined: Sep 2007 Member No: 572,690 ![]() |
hi. i was wondering if you knew how to fix this.
on my profile, when i bold words like in my about me, their hidden. do you know how i would fix that so they will show up bolded? if you need like my layout code or anything tell me. THANKS!!! |
|
|
![]()
Post
#119
|
|
Member ![]() ![]() Group: Member Posts: 29 Joined: Mar 2007 Member No: 508,755 ![]() |
layout code pppleeaseee:]]
|
|
|
![]()
Post
#120
|
|
Newbie ![]() Group: Member Posts: 4 Joined: Aug 2007 Member No: 560,894 ![]() |
I have a question. I want to edit the "Name's Latest Blog Entry Section." BUT, the code you've given doesn't work. i have layout making knowledge, but kinda mess up around the tables and that part. any help?
|
|
|
*Insurmountable* |
![]()
Post
#121
|
Guest ![]() |
^What exactly are you trying to do?
|
|
|
![]()
Post
#122
|
|
Newbie ![]() Group: Member Posts: 1 Joined: Sep 2007 Member No: 576,640 ![]() |
i appreciate the code but do you know how to change the link colors and stuff? like for example; when its bold; its like blue or the underline is like this: ----
|
|
|
![]()
Post
#123
|
|
Newbie ![]() Group: Member Posts: 2 Joined: Sep 2007 Member No: 574,843 ![]() |
Do you have or know any tutorials in editing the default layout code to make it into a different style?
Because my friend makes default layouts and she has styled them and its just a little box with the picture and some writing and im like ![]() ![]() |
|
|
![]()
Post
#124
|
|
Newbie ![]() Group: Member Posts: 2 Joined: Jun 2007 Member No: 534,804 ![]() |
um..am i doing this wrong because it totally doesnt work for me...im very confused
![]() |
|
|
![]()
Post
#125
|
|
Newbie ![]() Group: Member Posts: 2 Joined: Jun 2007 Member No: 534,804 ![]() |
hahaha just kidding i got it!! i forgot a " after the <style type="text/css">! thank you much!! i was looking for this ALLL day and it just HAPPENED to be on my fave layout website! ha you rock
![]() |
|
|
![]() ![]() |