friendsterTalk - Friendster Forum

Welcome guest! Please Login or Register.

Pages: 1 2 3 … 9

Cascading Style Sheets
» Guide: Customizing the position/area of main boxes! [C.S.S.]

#1 2007-03-04 21:05:25

Ephemeral: » Moderator; › L'Interdit; › Class-S; Location: Perdido Paraíso; Registered: 2006-10-20; Posts: 10143; Last visit: Today; Reputation: 273; Friendster

Guide: Customizing the position/area of main boxes! [C.S.S.]

Note: You will have to use CSS extension for this.

-Pick a box you want to move, just pick from the codes below.

Choose in this section.

http://friendstertalk.com/t13870-Friend…Class.html

Select a class you want. example you have selected .photos or #1 whatever you decide...

Then paste the code below after the ID you have selected

Code:

{float: left !important; position:relative;??????:??px;}

Example.

Code:

.photos { float: left !important; position:relative;??????:???px;
}

-After doing the said above change the ?????? with your position.

Position Properties.

Left

Right

Top

Bottom

-After the input of the position change ??? on the code to change the px. Changing the px helps move the box to the position you want depending what relative position you used.

Example.

Code:

.photos { float: left !important; position:relative;left:600px;
}

px Properties.

1 to 5500

I know this is kinda complicated for others but very rewarding if you managed. you can make you page look like overlay if you fixed it.

Hope you get the tutorial.

Also the properties mentioned above is a basic in positioning div layers in html.

Note:
More Left px = Move to the right more. Vice Versa.
More Bottom px = Move to the top more. Vice Versa.
Change float value to left, right or center so you can have a based start.

Last edited by Ephemeral (2007-12-16 00:59:24)

I am not strict. I just kill through sentences that expose your flaws within your words...

-Offline-

#2 2007-03-05 00:33:22

majhef04: » FriendsterManiac; Location: sa puso ng baby ko; Registered: 2007-02-28; Posts: 621; Last visit: 2008-11-10; Reputation: ~

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

wow cool...but do u have one for media also..??

thanks nicey for my siggy.

-Offline-

#3 2007-03-05 02:35:22

lostsoul: » FriendsterNewbie; Registered: 2007-01-02; Posts: 15; Last visit: 2007-10-08; Reputation: ~

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

Brilliant Ephe

treat others like u want to be treated by others

-Offline-

#4 2007-03-05 02:49:11

denimboi: » FriendsterAgent; › luckyXmark; Location: Surigao City; Registered: 2006-12-05; Posts: 2385; Last visit: 2008-10-06; Reputation: 5; Friendster

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

nice tutorial kuya ephe

this is cool...

thanks for sharing

-Offline-

#5 2007-03-05 03:34:16

Ephemeral: » Moderator; › L'Interdit; › Class-S; Location: Perdido Paraíso; Registered: 2006-10-20; Posts: 10143; Last visit: Today; Reputation: 273; Friendster

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

majhef04 wrote:
wow cool...but do u have one for media also..??

Wahehe I forgot the main property of the media box

I am not strict. I just kill through sentences that expose your flaws within your words...

-Offline-

#6 2007-03-05 04:32:52

majhef04: » FriendsterManiac; Location: sa puso ng baby ko; Registered: 2007-02-28; Posts: 621; Last visit: 2008-11-10; Reputation: ~

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

kuya so meanin u can move the media box and more about meh..??kc po i wanna adjust all of my box po eh...

thanks nicey for my siggy.

-Offline-

#7 2007-03-05 04:34:26

Ephemeral: » Moderator; › L'Interdit; › Class-S; Location: Perdido Paraíso; Registered: 2006-10-20; Posts: 10143; Last visit: Today; Reputation: 273; Friendster

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

Yup you can move the boxes!

I am not strict. I just kill through sentences that expose your flaws within your words...

-Offline-

#8 2007-03-05 04:52:53

majho: » FriendsterTalker; › -wahahahaha!-; Location: dine sa batangas..; Registered: 2007-02-14; Posts: 102; Last visit: 2008-04-18; Reputation: 6; ???

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

as usual another trick from ephe! nice one! hehe!!

-Offline-

#9 2007-03-05 05:47:28

majhef04: » FriendsterManiac; Location: sa puso ng baby ko; Registered: 2007-02-28; Posts: 621; Last visit: 2008-11-10; Reputation: ~

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

Ephemeral wrote:
Yup you can move the boxes!

really...!!so can i get the codes for it poh kong okay lng sa inyo..?

thanks nicey for my siggy.

-Offline-

#10 2007-03-05 08:52:23

jamessss:b: » Moderator; › Weirdest -- *; › Mga Masiyahing Pinoy!; Location: Where eyh' exist.; Registered: 2006-11-18; Posts: 8300; Last visit: Yesterday; Reputation: 100; Friendster

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

we nice work kuya eph! hihi thx fo sharing it. for the people who want to remove the boxes right?

Project Claire 101: HAYDEN PANETTIERE v.01 ; Save the unbotton!
JOIN: http://friendstertalk.com/g=Mga+Masiyahing+Pinoy!

-Offline-

#11 2007-03-05 09:36:13

mayapot: » FriendsterTalker; Location: Quezon City; Registered: 2007-02-28; Posts: 138; Last visit: 2007-12-23; Reputation: -1; Friendster

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

These are really great.

Save a little for me

-Offline-

#12 2007-03-05 09:57:10

- razian -: » FriendsterAddict; › BUMP XD; Location: no-where; Registered: 2007-01-15; Posts: 427; Last visit: 2008-11-16; Reputation: 24; Friendster

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

nice toturial

To Hell and Back

-Offline-

#13 2007-03-05 10:39:21

FoRsAkEnKiD: » FriendsterFreak; › [Away]; Location: The Keywork; Registered: 2006-12-14; Posts: 1995; Last visit: 2008-02-19; Reputation: 22; ???

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

Sweet. nice discovery Ephe keep the tuts coming.

-Offline-

#14 2007-03-09 09:06:52

garots: » FriendsterNewbie; Registered: 2007-03-02; Posts: 94; Last visit: 2008-06-20; Reputation: ~; Friendster

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

pano po un sa media box and comments ?

*experience divergent eye teaming*

-Offline-

#15 2007-03-09 09:34:11

Ephemeral: » Moderator; › L'Interdit; › Class-S; Location: Perdido Paraíso; Registered: 2006-10-20; Posts: 10143; Last visit: Today; Reputation: 273; Friendster

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

^scrapbook

I am not strict. I just kill through sentences that expose your flaws within your words...

-Offline-

#16 2007-03-09 09:55:23

garots: » FriendsterNewbie; Registered: 2007-03-02; Posts: 94; Last visit: 2008-06-20; Reputation: ~; Friendster

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

Ephemeral wrote:
^scrapbook

thanks alot sir ephe!

*experience divergent eye teaming*

-Offline-

#17 2007-03-09 10:56:51

-icA-: » FriendsterAddict; › -icadotpink-; Location: batangas; Registered: 2007-02-19; Posts: 354; Last visit: 2008-09-20; Reputation: 8; Friendster

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

nice trick ephe!

- ICADOTPINK -

-Offline-

#18 2007-03-24 11:11:41

land_of_the_rising_sun: » FriendsterNewbie; Registered: 2007-03-24; Posts: 5; Last visit: 2007-10-30; Reputation: ~

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

where is the css extension?

===

can somebody post the codes for the border and each box image

Last edited by Ephemeral (2007-04-15 10:43:03)

-Offline-

#19 2007-04-15 09:06:33

leftalone: » FriendsterGeek; Registered: 2007-04-13; Posts: 1457; Last visit: 2008-10-26; Reputation: 4

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

cool

==

land_of_the_rising_sun wrote:
where is the css extension?

first save the file name anyfilename.css...
then upload it to an filehosting site

Last edited by Ephemeral (2007-04-15 10:38:55)

-Offline-

#20 2007-04-20 14:51:49

aiazthea: » FriendsterNewbie; Registered: 2007-04-20; Posts: 6; Last visit: 2007-04-21; Reputation: ~

Re: Guide: Customizing the position/area of main boxes! [C.S.S.]

Uhmm..does this one have a code that can be pasted directly to media box or something?

and what do u mean with CSS extension? waahh..anyone help? SOS!

so new here...

-Offline-

Pages: 1 2 3 … 9

Cascading Style Sheets
» Guide: Customizing the position/area of main boxes! [C.S.S.]

Search Friendstertalk

Moderated by Ephemeral, Shirow Masamune, blurrycloud, dale, ducheszv, portuniecho

Board footer

[ 28 queries - 7.641 second ]

Pay Per Click Ads by

FriendsterTalk.com x

Welcome to FriendsterTalk! 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. =)