Join This Group
Patterns By Type
Created Jul 1, 2010
78
Colors
2,437
Palettes
3,268
Patterns
139
Conversations
459
Lovers
CL tutorials & Patterns templates by type
Keywords (for group search): tutorial, how to, how can, seamless, image, video, embed, pattern search, tip, trick, HTML, help, badge, where is, find, Tutorials, Beginner's guide
NB: Please do not submit stuff not related to this place - Your pattern templates - those you designed - are welcome - using the group checkbox (1 example is better for me!)
ycc2106
♥ MUST KNOW HTML BASICS
♥ What are Margins and Paddings?
♥ Broken Badges when using the reply button
♥ Tips & Trcks
Force update a badge
♥ Links
>> BACK TO INDEX of TUTORIALS
ycc2106
MUST KNOW HTML BASICS
It's not much and it'll avoid a lot of hassle - try to fly over these screenshots:
1) ALWAYS CLOSE HTML TAGS
EVERY OPENING TAG MUST HAVE A CLOSING TAG!
The screenshot above only shows <p> and <div> tags,
thought this is also applied to any HTML tag:
<strong> has a < /strong> ,
every <em> a </em> ,
every <a href.... > a </a>
etc ...
forgetting or adding to many 'block tags' is what generally brakes page layouts
NB: Special Tags that don't have any closing tags like
<img scr="http:dummyurl.com/imagefile.jpg" style="height:130px;width:100px;" />
<img /> or <br />
These are a just short way to write <img></img> or <br></br>
<img></img> becomes <img /> as there's nothing to put in the middle anyway.
2) HTML TAGS DO NOT CROSS
*for those who maybe concerned: tags must be closed in HTMLX, not in old HTML versions - in the above screenshot, the IMG tag is an exception, thought it can also be closed with nothing inbetween the img tags: <img scr=" ..." >< /img>
Typical mistakes:Click to enlarge
ycc2106
What are Margins and Paddings?
Margins and paddings are the spaces of each side of a border
ycc2106
Broken Badges
If your replies show broken badges this:
or like
Note that both broken badges above you see still have the link working! You can always click and get a new badge code.
but not always... sometimes you can see but not click
Generally it's one of the missing double-quotes that brake the badge code, these tiny things: "
Structure should always be:
X="Y"
(open and close double-quotes must be there - see more about it above here)Here the 1st ones are missing
href=LINK_TO_ITEM"...alt=ITEM_TITLE_HERE"...img scr=LINK_TO _BADGE_IMAGE_HERE"...it should be
href="LINK_TO_ITEM"...alt="ITEM_TITLE_HERE"...img scr="LINK_TO _BADGE_IMAGE_HERE"...If there's 1 error, just 1 double-quote missing when you post your comment, the code breaks even more!!! So don't think of repairing after, re-start from 0 is better (edit or delete your comment)
ycc2106
Tips & Tricks
My badge does not update
When you edit a palette or a pattern it can take time for the badge to update.
To make things go quicker, you can edit the name. Even one character difference will force the update. (eg. adding a symbol at the end)
ycc2106
ycc2106
Tutorials & Links
> ABSOLUTE BEGINNER'S GUIDE TO CL> SIMPLE MUST KNOW HTML BASICS
>> Seamless & Bugs
>> Seamless 2
>> Pattern creators :Tag you templates!
>> How to add tags
>> Images: how to (resize, rotate, make a rug...)
> Busted for a pic!
>>HOW TO COMBINE PATTERN + PALETTE
>> HOW TO MAKE RUGS & COLOURED TEXT PALETTES
>>COPASO : combine palettes, keep widths...
>>Using COPASO to search (for 1 Lover Color Palettes)
>> New Youtube video format: how to embed (and VIMEO)
>> how to update the IF badge code
>> About colors - gradient & Hex codes
>> Related links (just below)
>> Help Screenhots( page areas to look out and more)
>> CL tools & Links
Elsewhere
For Newbies:
> Official CL FAQ
> Official CL Help Forum
more...
> Profile Identities
> LOVES, FAVS, Templates
> Activity Feed & Notifications
ycc2106