#1 2008-05-13 00:58:27
- sHy19
- the abandoned
- » FTalkElite
[`.daddy's girl.`]
[{.in isolation.}]
4417
57
[Tutorial] HTML layout preview
Must Haves:
Account in A Hosting Site (e.g Ripway) Linker/Layout Codes FS Profile/test page
Note: Spoilers contain image preview of the Steps given .gif)
keyboard shortcuts are for PC (windows) users
let's say you have your layout codes...
place the LINKER in your profile using the current linker then hit save
now, the external things (hosting site steps)
1.
Go to Ur Friendster (test) Profile Page
for IE Users do the ff:
Page -->> View Sourcefor FireFox users: you can just press Ctrl U
2.
a pop-up screen containing the Source Codes will appear...
Select All (Ctrl A) then Copy (Ctrl C)
3.
Now, go to ur hosting site...
& create a text file
4.
paste ur codes in the Text Box
& be sure that ur filename ends with .html extension
hit Save File and ur done...
to see it...
jz click the OPEN link... beside ur file's url.
-----------OR u can also do it the other way... see sir Kher's reply ↓↓↓↓↓↓ -----------
to the mods: u may delete this widout prior notice if u think its unnecessary
Last edited by sHy19 (2008-05-13 04:42:49)
...it's ruSzhie!as mysterious as the dark side of the moon...
|
japzy[?], and marjun_alquizar@yahoo.com[?] like this topic.
#2 2008-05-13 02:32:53
- KhErMiNaToR
- Kher Navarro
- » Former Moderator
- No Problemo..!
Class X- C:\Program Files
- 5255
- 197
- Website
Re: [Tutorial] HTML layout preview
uhm, you even dont need to place your linker on ur test page..
just view source, copy all.
put this on the head section:
<link rel="stylesheet" type="text/css" media="screen, print" href="URL CSS">
and for JS script, use the <script> tag and put on the who i want to meet section before tag </p>
<li>
<span class="q">Who I Want to Meet: </span><br><p>
blah blah blah
<script type="text/javascript">
//some codes
</script>
</p>
TOPIC STICKED!
Last edited by KhErMiNaToR (2008-05-13 02:48:59)
|
#3 2008-05-13 02:48:40
- sHy19
- the abandoned
- » FTalkElite
- [`.daddy's girl.`]
- [{.in isolation.}]
- 4417
- 57
Re: [Tutorial] HTML layout preview
^^ thanks for that additional option sir kher
i didnt know that b4 
...it's ruSzhie!as mysterious as the dark side of the moon...
|
#4 2008-05-13 02:50:40
- KhErMiNaToR
- Kher Navarro
- » Former Moderator
- No Problemo..!
- Class X
- C:\Program Files
- 5255
- 197
- Website
Re: [Tutorial] HTML layout preview
hehe,,
thats what i do before.
host the original source of friendster profile,
when i need a preview, just copy the file and rename it.
then insert the codes on the source..
|
#5 2008-05-13 02:54:38
- sHy19
- the abandoned
- » FTalkElite
- [`.daddy's girl.`]
- [{.in isolation.}]
- 4417
- 57
Re: [Tutorial] HTML layout preview
oh ok
imma try doin it that way som tym...
thanks for making this sticky
...it's ruSzhie!as mysterious as the dark side of the moon...
|
#6 2008-05-13 03:02:37
- regiehiozn
- I really Dont know
- » FTalkWhiz
- friendship :]
- your place
- 3082
- 81
- Website
Re: [Tutorial] HTML layout preview
cool shy!!
BTW you can also do this instead of placing the linker:
Code:
<script src='URL OF JS'></script>
hehe..
|
#8 2008-05-13 03:51:49
Re: [Tutorial] HTML layout preview
check w3schools for more info..
thanks for sharing.. 
lol just joking .. 
wooott 2 sticky Threads.. you rowck babes! \m/ (~_o) \m/
thats why i lurve yah .. mwahahha If thou is curious, thy shall open..
Last edited by ducheszv (2008-05-13 03:58:50)
|
#9 2008-05-13 04:14:31
Re: [Tutorial] HTML layout preview
You can even insert the <script type"text/javascript" src="jsURL">Your browser doesn't support javascripts</script> in these areas:
<html>
<head>
<link rel="stylesheet" href="cssURL" />
</head>
<body>
here
Some codes here
here
</body>
</html>
Make sure you don't insert them twice, it might get some errors after.
|
#10 2008-05-13 04:23:00
- triciapink29
- » Promoter
- Uhh
- Kalliope Channel 1
- 3427
- 227
2010-02-27- Website
Re: [Tutorial] HTML layout preview
oh..
thanks for sharing..
thanks for the help..
♥ ♥ ♥ ♥ ♥
|
#11 2008-05-13 04:43:06
Re: [Tutorial] HTML layout preview
this is a great a help
I learn a lot
keep sharing shy19
you rock!
|
#12 2008-05-13 07:16:23
- marjun_alquizar@yahoo.com
- Marjun Alquizar
- » FTalkAddict
- Simple,Nice,Member.
- LS : The Next Level
- Philippines
- 529
- 18
- 2009-12-21
- Website
Re: [Tutorial] HTML layout preview
nice...
cuz of u..
i knw how to post my profile...
thank you so much....
" PROUD TO BE PINOY "
CLICK THAT CAT ABOVE 
[/align]
|
#14 2008-05-19 15:12:58
- jheneko
- adobong siopao
- » FTalkAgent
- Inactive Member >_>
- 2142
- 85
Re: [Tutorial] HTML layout preview
^^ur spamming....!!!
anyway...
KhErMiNaToR wrote:
uhm, you even dont need to place your linker on ur test page..
just view source, copy all.
put this on the head section:
<link rel="stylesheet" type="text/css" media="screen, print" href="URL CSS">
and for JS script, use the <script> tag and put on the who i want to meet section before tag </p>
<li>
<span class="q">Who I Want to Meet: </span><br><p>
blah blah blah
<script type="text/javascript">
//some codes
</script>
</p>
im kinda confused,, hehehe i got the first explanation.. hehehe
uhHH!? 
but this is cool too..im making layouts at fs-layouts... it will help me.. hehe
~PhiLippians 4:13~
|
#15 2008-05-20 00:07:18
- NGeNeRaTiOn
- Lelouch vi Britannia
- » FTalkGeek
- Castaway Prince
- Anime Brigade
- Area 11
- 1045
- 26
- Website
Re: [Tutorial] HTML layout preview
eunich wrote:
these tutorial can be used if your making layouts as the previews...
Yeah your Correct,
Anyway
THANKS FOR Sharing my Friend
Nice Job 
If the KING doesn't move then his SUBJECTS will not move
Fear me for I'm the ONE who pass the Judgment on this SINFUL WORLD, Fear me for I'm the MESSENGER of DEATH to SINNERS
|
#16 2008-05-20 09:00:11
- slashedkite
- The Keyblade Master
- » FTalkGeek
- got it memorized?
- Class-S
- Dark Meridian
- 1365
- 39
- Website
Re: [Tutorial] HTML layout preview
simple steps in making layouts huh..it's a big help for the newbies.. Nice posting this topic.. 
|
#17 2008-05-20 15:04:51
- knight_future
- » FTalker
- -=|]> WanNabE <[|=-
- [H] [O] [M] [E]
- 124
- 2
- 2008-09-23
Re: [Tutorial] HTML layout preview
sory, i don't know about it 
but thanks 4 sharing
knapa matahari tak pernah serta denganmu...
|
#18 2008-05-20 23:42:40
- Bridget
- KANisMINE. (:
- » FTalkElite
- [ iloveyouso ] ♥
- Mga Masayahing Pinoy!
- 3820
- 278
Re: [Tutorial] HTML layout preview
nice one.
tnx for sharing...
so helpful.^^ 
|
#19 2008-05-22 03:02:49
- mighty_glenn
- Glenn
- » n00b
- glenn ヅ
- Philippines
- 34
- 0
- 2008-11-27
- Website
Re: [Tutorial] HTML layout preview
thanks for sharing.
|