| Forums > Tips & Tricks > "The way to make a skin. ( Improvised )" (94 replies)
|
|
|
* You might want to learn basic HTML before you get started ya?
- lissa explains
Many people wanna know how to make a blogskins yea..
I will give a rough idea[:
But to make the skin better is your creativity not the code[:
TAKE NOTE, the ones in italic are the codes, in bold are the body 'parts' & underline are the explanation D: !
* I think, giving codes first & explaining them after, should be better yea.
Head - The code for the first part , FIRSTTTTT ._.
[HTML]
[head]
[title]Change this to the one that you want[:[/title]
Body / CSS stylesheet - second part  !
[style type="text/css"]
body {
background-color: ;
background-repeat: ;
font-family: ;
cursor: ;
color: ;
font-size: ;
line-height: ;
text-align: ;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #FFF;
scrollbar-darkshadow-color: #FFF;
scrollbar-shadow-color: #FFF;
scrollbar-arrow-color: #FFF;
scrollbar-track-color: #FFF;
}
a:link, a:visited, a:active {
text-decoration: none;
font-family: ;
font-size: ;
color: ;
background: ;
font-weight: ;
line-height: ;
text-transform: ;
}
a:hover {
text-decoration: ;
font-weight: ;
color: ;
font-family: ;
text-transform:;
cursor: ;
}
blockquote {
background: #;
font-family: ;
font-size: ;
border: ;
color: ;
padding: ;
}
[/style]
[/head]
[noembed][body][/noembed]
[div style="position: absolute; top: 0px; left: 0px;"]
content here !
[/div]
Ending - Short and sweeet [:
[/body]
[/html]
SEPARATED ! After the [/html] there's no more code -.- .
This is for the blog arhcieves code.
[BloggerArchives][a href='[$BlogArchiveUrl$]'][$BlogArchiveName$][/a][br]
[/BloggerArchives]
[p]
Blog post code.
[Blogger]
[BlogDateHeader][$BlogDateHeaderDate$][/BlogDateHeader][br]
[$BlogItemBody$][br]
[$BlogItemDateTime$][br]
[/Blogger]
--------------------------------------
Yes, this is editted, & please, if you're clever enough, you should know that the square bracket should change to the pointed brackets.
& now, for the explanation, please, do not just copy the codes and go -.- , you wont know anything duh.
& PLEASE, MAKE AN EFFORT TO PLAY WITH THE CODE, AND UNDERSTAND IT BETTER, JUST ON THIS TUTORIAL ON MINE WONT HELP -.-, no one can help someone to the fullest.
Don't know whats a title is? Click here.
For the body part, it is the most general erm, how do i say. Means, without any headers, blockquote all these, and you just type any plain code, the body part would apply to it.
Like, you put arial 8pt, and I typed 'content here !' in the div alignments, it would come out as arial 8pt, and not any headers that you've customised.
For cursors, it means for the whole page, what your cursor would become. & you don't understand you should experiment it yea.
There's many type of cursor available, crosshair, help, ne-resize, se-resize, nw-resize, n-resize, text, vertical-text.
Line-height , as the name says so, it is the height between two line. Other than px, you could also put % .
Text-align , is aligning your text . If you put text-align: left; and your words should be on the left, same to right, center, justify.
If you want to make a header, type this code in,
.header{
}
Between the } & { Type in your own customisation.
Like, font family, font size & colors & many more, to your creativity, you can make as many headers as you want, but name them differently please.
PLEASE REMEMBER TO PUT THE DOT IN FRONT OF THE NAME OF THE HEADER.
to use the header, type this code in ,
[div class="header"]this is my header[/div]
Please remember to close it please, or it'll screw your whole skin up !
BLOCKQUOTE(: ! See, it doesn't have a DOT infront, so it would go like this,
[blockquote]lalalaa[/blockquote]
& now , the alignment parts & its the last, yo ! !
TOP - defines how far do you want from the image/text to the page from the TOP.
LEFT - defines how far do you want from the image/text to the side of the page. LEFT.
Still don't understand? Click here.
& Yes, of course, you could still customised it further, by adding background, borders, paddings.
PADDING - defines how much spaces ( px ) from the borders to the text/image.
& MARGIN - It's almost the same as PADDING BUT BUT BUT , It counts from OUTSIDE of the border, whereas, padding are INSIDE.
AND YES, I left blanks, for you to fill it yourself(: , so read up if you wanna know.
PLEASE fill in after the ' : ' and before the ' ; '
---
Yes, it's done, anymore problem? PLEASE comment.
& I'll try to answer.
---
Edited 7 months ago. |
|
|
| |
|
| |
|
| |
Erm,Do u think u can help to label out which part what we are suppose to insert the colour code,cos i din understand which are the part we put in for background,text,color etc.Plsss (:
|
| |
| |
|
| |
after de : and end it with ;
|
| |
| |
|
| |
"[BloggerArchives][a href='[$BlogArchiveUrl$]'][$BlogArchiveName$][/a][br]
[/BloggerArchives]
[p]"
Above code cannot show the blog title right?
Can u pls tell me the code of show the Blog title under Blog Archive?
thnx
|
| |
| |
|
| |
And...
What's the code If i want to add the Blog title above each blog?
|
| |
| |
|
| |
hmm..
may i know the coding of create Labels?
thnx lot
|
| |
| |
|
| |
And how about coding of Blog comments?
|
| |
| |
|
| |
erm. labels, no code? ..
|
| |
| |
|
| |
YO... can u plz help me... can u plz TYPE HERE THE ONLY CODE U NEED TO CLOSED OR PUT THE SQUARE BRACKETS CUZ I CHANGED ALL THE POINTED BRACKET TO SQUARE BRACKET, BUT STILL IT DOESN'T WORK... I REALLY DON'T KNOW WHAT TO DO NOW...
|
| |
| |
|
| |
Do u know what im asking bout? Why u didnt answer me? Can u pls add me in msn? then i print screen and show u the thing i want to create but dono the coding. pls...thnx 
1) "[BloggerArchives][a href='[$BlogArchiveUrl$]'][$BlogArchiveName$][/a][br]
[/BloggerArchives]
[p]"
Above code cannot show the blog title right?
Can u pls tell me the code of show the Blog title under Blog Archive?
2) What's the code If i want to add the Blog title above each post?
3) coding of create Labels.. Ya.. Labels which can let us distribute our posts to each labels.
4) coding of post comments?
ur help will be much appreciated
|
| |
| |
|
| |
my msn is imlaiyen@hotmail.com
thnx
|
| |
| |
|
| |
or can u teach me here?
|
| |
| |
|
| |
IMLAIYEN
You can try sixseven.org/index.php?action=howtobm ? (:
|
| |
| |
|
| |
It do help..thnx lot
|
| |
| |
|
| |
np
|
|
|
| Subscribe To This Thread: RSS 2.0 or Atom (?) |
| This thread has been locked, and no new replies can be posted. |
|
Home | Top Skins | Tags | All Skins | Forums | Contribute |
About
