FTalk

FTalk

Welcome guest! Please Login or Register.

#1  2007-11-23 20:52:01

sHy19
 the abandoned
sHy19's display avatar
» FTalkElite
FTalk Level: zero
[`.daddy's girl.`]
[{.in isolation.}]
4417
57

[css] Profile Editing 101 (4 d' newbies)

i jz decided to make this topic coz of the questions i've read in the help section...
i jz wanna help., mods u may close this if u think its unnecessary  ;)


this is for the newbies...welcome newbies :lol:

when making ur own layout from scratch...

Step 1: Background Image

    you need a background image... you may use yahoo search, google or photobucket to look
    for images that you want...
   
    if u wanna resize., add effects or animations...
           u may go to http://lunapic.com
    you may also host it there
       or u may sve it then host it in ur own photo hosting site

additional info for foto editing from R&R

Refresh/Reload wrote:

just wanna recommend... if you don't have any image editor...
try downloading Irfanview it's free, easy to use and safe...
been using this for years...   :D  but actually... if u have ur own
pc... you should already have one like NERO for example... coz
it's(CD) included mostly on your hardware items as package... if
you don't have one... maybe you've been scammed har har  =D

so for those shop users that's going to buy a pc package someday...
retrieved the hardware(parts) boxes so that u can check if a software
CD is included as a free package... ups i'm getting out of the topic.. :lol:

Irfanview site:http://www.irfanview.com/

Step 2: Profile Editor

    Setting up to use it in ur friendster
    you may go to one of these sites:

        Cuban Council
        Friendster-Tweakers
        Bigoo

after doing those editing.,
you may save the codes in ur CSS Section...
or
u may add that to ur External CSS file...


Step 3: The Tweaks
   now., it's time to look around the forum... Tricks & Tutorials Section...
   look for the codes that u want.,
   i would start with those less complicated things  =)

    here are some links where u can find the most commonly used codes
       :arrow:  CSS Hide Codes
       :arrow:  Complete Compilation of CSS Codes!

Step 4: Saving External files

     here's my examples of saving codes...
     
this method doesn't need a notepad no more...

   ~CSS file~

         4.1.1 Create an account into any File hosting site.
                   Recommended: Ripway

                   Register then Log-In


         4.1.2 Click the Create Text File

4.1.3 Make a filename ending with the extension .css. For example,
                  mycss.css

then place ur CSS codes in the text box as shown in the image above.
                Now, hit save.



        4.1.4 Get the direct link/url of ur external file.

that's what u'll place in the LINKER. ;)



4.2 ~JS file~

(almost same as wat u did in ur extrnal css just a different extension & diffrent codes =) )

if it still isn't clear
  you may just read (and understand) this tutorial...

Making External Files


PLEASE PM THE MODS FOR THE LINKERS



     thinking of adding lots of JS codes... try the guide      here

              :penguin:  :penguin:  :penguin:


**using css & js???**
inject ur css file in ur js by this css injctor

Code:

var css = document.createElement("link");
css.setAttribute("rel","stylesheet");
css.setAttribute("href","EXTERNAL_CSS_URL_HERE");
document.getElementsByTagName("head")[0].appendChild(css);

put that on top of ur extrnal js...
(dont forgt to edit this part :arrow: EXTERNAL_CSS_URL_HERE)
dat way.,u'll only need the js linker for ur FS profle*



A-10-TION!!!:

since ripway updated their site & changed/removed some of the options...
some of the steps here wont be available for u new users...
iv got no time to update this tutorial yet so, it may be easier for u guys to follow another tutorial w/ includes the use of Notepad

++++++++++ [Class - S] Production  ++++++++++

Last edited by sHy19 (2008-11-25 11:27:49)


zOMG!:O...it's ruSzhie!

as mysterious as the dark side of the moon...

                    

#2  2007-11-24 00:25:04

pulasara
 Stupid Moderator
pulasara's display avatar
» FTalkGeek
FTalk Level: zero
Admin
Class X
digicorner.net
1121
3
Website

Re: [css] Profile Editing 101 (4 d' newbies)

nice trick 4 newbie :D  :thumbsup:


Rule Number 5 No nudity and offensive content in any post including signatures and avatars.

Edited by Moderator

#3  2007-11-24 00:28:34

bobcbar
 Bob
bobcbar's display avatar
» Former Moderator
FTalk Level: HARDCORE!
Novice ModeratorTop PosterSome FTalkers ♥ Me!
Dongduchon, Korea
11549
374
Website

Re: [css] Profile Editing 101 (4 d' newbies)

nice tutorial my friend :rose:


#4  2007-11-24 04:02:06

~tampopo_desu~
 tampopo
~tampopo_desu~'s display avatar
» n00b
FTalk Level: zero
Php
38
0
2009-02-10

Re: [css] Profile Editing 101 (4 d' newbies)

great tutorial friend..i recommend this thread to those asking on how to do thier own layouts.. =)

Last edited by ~tampopo_desu~ (2007-11-24 04:03:31)

#5  2007-11-24 04:57:56

sHy19
 the abandoned
sHy19's display avatar
» FTalkElite
FTalk Level: zero
[`.daddy's girl.`]
[{.in isolation.}]
4417
57

Re: [css] Profile Editing 101 (4 d' newbies)

thnx guys., jz trying to help...  =)  :D

i jz hope i made it clear.,im not really gud n explainng thingz :wallbash:  :wallbash:  :penguin:


zOMG!:O...it's ruSzhie!

as mysterious as the dark side of the moon...

#6  2007-11-24 05:01:36

j0hnc3na
 John Felix Anthony Cena
j0hnc3na's display avatar
» FTalkAddict
FTalk Level: zero
U Cant See Me!!!
The Squared Circle
381
6
2010-01-15
Website

Re: [css] Profile Editing 101 (4 d' newbies)

its a big help for me...lol... :thumbsup:




Read the rules or be WARNED...
much worst , be
BANNED...

#7  2007-11-24 05:11:20

gracemac
 goth_grace
gracemac's display avatar
» FTalkGeek
FTalk Level: zero
atleast grit meh !!! snob
Singles Goes HOT!
dito<--->doon
1087
15
2009-04-25
Website

Re: [css] Profile Editing 101 (4 d' newbies)

thanks for sharing ill try making my own layout. =)

#8  2007-11-24 06:57:57

kolopol123
 Louis Trinidad
kolopol123's display avatar
» FTalkAddict
FTalk Level: zero
HAhA..
P'que
304
3
2009-12-03
Website

Re: [css] Profile Editing 101 (4 d' newbies)

thnx its a big for newbis lyk me hehehe




#9  2007-11-24 07:05:20

slashedkite
 The Keyblade Master
slashedkite's display avatar
» FTalkGeek
FTalk Level: 4
got it memorized?
Class-S
Dark Meridian
1365
39
Website

Re: [css] Profile Editing 101 (4 d' newbies)

it's a real big thing for newbies! cool tutorial! hope this one will in sticky post.. ;)  :thumbsup:


#10  2007-11-24 07:07:48

senpaimomo
 Raymond Lagaya
senpaimomo's display avatar
» FTalkAddict
FTalk Level: zero
I Love Her
Alchemy Explicit AE
Friendster
322
5
2009-10-23
Website

Re: [css] Profile Editing 101 (4 d' newbies)

thanks for sharing the marquee photo gallery! thanks!

#11  2007-11-24 07:43:17

bobcbar
 Bob
bobcbar's display avatar
» Former Moderator
FTalk Level: HARDCORE!
Novice ModeratorTop PosterSome FTalkers ♥ Me!
Dongduchon, Korea
11549
374
Website

Re: [css] Profile Editing 101 (4 d' newbies)

senpaimomo wrote:

thanks for sharing the marquee photo gallery! thanks!

If you looking for more marquee codes check my thread..http://theftalk.com/t16207-Marquee-Effe…ts%29.html


#12  2007-11-24 07:53:36

bobcbar
 Bob
bobcbar's display avatar
» Former Moderator
FTalk Level: HARDCORE!
Novice ModeratorTop PosterSome FTalkers ♥ Me!
Dongduchon, Korea
11549
374
Website

Re: [css] Profile Editing 101 (4 d' newbies)

sodieck13 wrote:

panu poh ba mag edit ng layouts huh kac gus2 koh ung background koh pic koh ehh my kasamang name na din reply me wag english huh  =)  :D

Welcome to Friendster Talk, please read the rules first before posting. Others might be happy to help if your post was in english.

The goal of this site is to be a fun place where Friendster users could hang out and discuss about anything. We support your freedom of speech, however we have a list of rules to go over. Read them carefully and follow them wisely. Warning and/or punishment will be issued to any offender.



1. Use your common sense.
2. Don't use language other than English (except in Regional Boards).
:thumbsup:

Last edited by bobcbar (2007-11-24 07:54:45)


#13  2007-11-24 09:13:57

*_RolAnd_*
 RolanD GomezZ
*_RolAnd_*'s display avatar
» FTalkGeek
FTalk Level: zero
not active
Singles Goes HOT!
CebU
1084
31
Website

Re: [css] Profile Editing 101 (4 d' newbies)

wow   nice  ...  ....  for all newie ,......
tnx for sharing...........



:thumbsdown:


#14  2007-11-24 18:59:49

sHy19
 the abandoned
sHy19's display avatar
» FTalkElite
FTalk Level: zero
[`.daddy's girl.`]
[{.in isolation.}]
4417
57

Re: [css] Profile Editing 101 (4 d' newbies)

thankz guys.,
glad to b of help  :D

sodieck13 wrote:

panu poh ba mag edit ng layouts huh kac gus2 koh ung background koh pic koh ehh my kasamang name na din reply me wag english huh  =)  :D

sory dear but here., u gotta speak english.,
jz read the guide above then ull b able to do ur own lay-out.,
f ur havng trouble wid somthng., u may send me a PM =)
id b glad to help u...

**if u wanna put ur name on it.,esp f u wanna make it animated., u may edit it @ http://lunapic.com
jz wat i sed on my first post  =)

Last edited by sHy19 (2007-11-24 19:47:42)


zOMG!:O...it's ruSzhie!

as mysterious as the dark side of the moon...

#15  2007-11-24 19:31:35

dheetiij's
 ティジィ
dheetiij's's display avatar
» FTalkAgent
FTalk Level: 6
hahah sou ka? Yappari (:
Class-S
hiatus ;__; 木下
2386
73
Website

Re: [css] Profile Editing 101 (4 d' newbies)

wow,ur so good huh,espeacially d efort u give..

Stick dis  :D  :thumbsup: [ + ] repu  :eh:

Last edited by tjayvalrose_02 (2007-11-24 19:36:29)

#16  2007-11-24 19:49:23

sHy19
 the abandoned
sHy19's display avatar
» FTalkElite
FTalk Level: zero
[`.daddy's girl.`]
[{.in isolation.}]
4417
57

Re: [css] Profile Editing 101 (4 d' newbies)

tjayvalrose_02 wrote:

wow,ur so good huh,espeacially d efort u give..

Stick dis  :D  :thumbsup: [ + ] repu  :eh:

thankz., dat so sweet., u gave me a repu  :o  :D   :lol:


zOMG!:O...it's ruSzhie!

as mysterious as the dark side of the moon...

#17  2007-11-24 20:14:38

duchess
 dukesa~
duchess's display avatar
» Moderator
FTalk Level: 9
ModeratorRegional LeaderFTalkers ♥♥ Me!Topic InitiatorTop PosterHyper!Some FTalkers ♥ My Threads!ChatterboxStill Alive & Kickin'
Class-S
ɐɯɐʞ :))
10203
510
Website

Re: [css] Profile Editing 101 (4 d' newbies)

=)  nice one sis.   ;) :thumbsup: you deserve it.



Tumblr | Farcebook

│█│║▌║││█║▌║▌│█│
p i l l o w b l a n k y

#18  2007-11-30 04:32:17

jeejay009
 jeejay
» n00b
FTalk Level: zero
32
0
2009-04-18
Website

Re: [css] Profile Editing 101 (4 d' newbies)

thank you 4 this.. lotz of newbies like me can use it..!

#19  2007-11-30 04:45:06

sHy19
 the abandoned
sHy19's display avatar
» FTalkElite
FTalk Level: zero
[`.daddy's girl.`]
[{.in isolation.}]
4417
57

Re: [css] Profile Editing 101 (4 d' newbies)

jeejay009 wrote:

thank you 4 this.. lotz of newbies like me can use it..!

no problm!., im hir to help  :D


zOMG!:O...it's ruSzhie!

as mysterious as the dark side of the moon...

#20  2007-11-30 04:59:23

lucy_fat
» n00b
FTalk Level: zero
56
0
2007-12-01

Re: [css] Profile Editing 101 (4 d' newbies)

i see.. how to mix the wvm code

Search Friendstertalk

Board footer

The F Talk dot com
© 2002–2010 PunBB

Current time is 17:18:02 GMT

[ 10 queries - 0.054 second ]
Powered by SyntheticNetwork

FTalk

Welcome to FTalk! You'll need to login in order to fully use all the features and view all the sections of this site.

Please register if you're not yet a member. =)

( hide )