|
|
| Author | Message |
|---|
SaMmE
noob
  
Age : 18
Joined : 09 Sep 2007
Posts : 1440
Friendster ID : *wink*
: “Fashion is a form of ugliness so intolerable that we have to alter it every six months.”
 |  Subject: Make Ur Own Layout!!!!!  Thu Apr 10, 2008 1:51 pm | |
| i really don't accept any layout request anymore...that's why u can't be able to see any request thread for layouts here...in other words tinatamad na ako....AM TOOOO LAZY...U HAVE NO IDEA!!!!^^
so i guess i hafto share with u the easiest part in creating layouts like mine...and please do ur part
as well....
::warning::
* this tuts is not suited for lazy and impatient individual *
* the codes was given to me by mah dearest fwend monix{switpotato}...
it wasn't mine...give proper credits to her plz.... *
* if ur not fond of reading....then discard this tutorial.....
* if u can't comprehend..open up wikipedia....
* if u really can't do it after trying for sooo many times...use premade layouts instead....
and don't ask me to modify my layouts according to ur preferences....(that's kinda bull***)
i don't take orders....am sharing....that's enough....
* don't post something like "cool tutorial" or "nice"...without even trying it...(it's irritating....)
*again...don't request any layouts from me....i wont do it....
use this tutorial instead....
* don't complain that it's hard....try ur best instead of complaining....
*if u ask something and the answer is already stated...i wont answer ur query...
*if u wanna get mad at me....get lost...we don't need retarded parasites here....
===============
Note: the codes workx on both IE6+ and mozilla firefox...js extensions is not included here...
==================
Procedure
1. Sign Up or Register at http://ripway.com
2. After Registration ...Log In
3. Click on "MY FILES" on the Navigation area...
4. then click on "CREATE TEXT FILE"
a blank text box will appear:
5. type the filename u want ..like "samme.css" and then insert the following css codes on the big text box:::
| Quote: |
/* michael's friendster profile editor v4.1 */
/* http://www.editfriendster.com */
/* http://www.sammeportal.com */
/* http://friendsterforum.com*/
/* special tnx to switpotato*/
#mainnav{display:true;background:transparent;}
#subnav_search{display:none;}
#search {display:none;background:transparent;}
#search form {display:none;background:transparent;}
#marketing_bg{display:none;background:transparent;}
#ads_2_3{display:none;background:transparent;}
#mainnav .left {display:none;}
#mainnav .right {display:none;}
#navdivider {display:none;background:transparent;}
#subnav {display:none;}
#marketing{display:none;background:transparent;}
#meettrail{display:none;background:transparent;}
.logo {display:none;background:transparent;}
.user_tracker {display:true; background: transparent; border: 6px double #ffCCCC; color:#000000;background-image: url();
}
/* for da tracker*/
.user_tracker ul li a, .user_tracker ul li a:link, .user_tracker ul li a:active, .user_tracker ul li a:hover, .user_tracker ul li a:visited {display:true; margin-left: 5px; font-weight: bold; color: #ff3366; }
.user_tracker ul li i {display:true; margin-left: 5px; color: #ffffff; }
.imgblock200 { width: 200px; background: transparent; border: 0px DOUBLE #ffCCCC; text-align: center; margin-bottom: 1px; }
.imgblock200 img { margin: 0 auto; }
.imgblock75 { width: 75px; height: 75px; background: transparent; overflow: hidden; }
.imgblock75 img { height: 75px; margin: 0 auto; }
/* for scrollbar and cursor*/
body {
scrollbar-face-color:#FFCCCC;
scrollbar-highlight-color: #FFCCCC;
scrollbar-3dlight-color: #FFCCCC;
scrollbar-darkshadow-color: #FFCCCC;
scrollbar-shadow-color:#FFCCCC;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #FF99CC;
cursor: url("URL OF UR CURSOR HERE"),crosshair;
}
body{top:expr/**/ession(friendsterforumpagetitle()
function friendsterforumpagetitle(){
document.title ='~*Hi! '+pageViewerFName+'...::>>layout from @ http://www.sammeportal.com....*~ ' ;
});}
/* i dunnow...i guess for foto bg*/
body{right:expr/**/ession(
function rightclick() {if (event.button==2)
{alert('Nice try!')}}
document.onmousedown=rightclick);}
#photos_1_2 .flogriditem .ir {position:relative; top:17px;}
.flogridp .flogriditem {
margin-right: 12px;
background: url()no-repeat;
background-color: transparent;
text-align:center;
background-attachment: fixed;
background-repeat: repeat;
background-position: top center;
border: #ffcccc;
border-style: double;
border-width: 0px;}
/* TESTIMONIAL COMMENTS */
.publiccomments div div .dtd ul {
border:6px double #ffcccc; background:url('') no-repeat right bottom; padding:2px; overflow: auto;
text-align:center;
width:380px;
height: 100px;
background-attachment: scroll;
}
/* SHOUT OUT */
.so { margin-left: -10px !important; width: 100% !important; height: 100px !important; v-align: center !important; text-align: center !important; font-weight: bold !important; font-size: 8pt !important; text-decoration: none !important; color: #000000 !important; background: transparent !important; border: 0px ridge #ff3366 !important; background-image: url() !important; background-position: center center !important; background-repeat: no-repeat !important;}
.soc, .sol, .sob { background: transparent !important; }
#cpShoutoutBox { background: transparent !important; }
/* navigation*/
#mainnav{margin: 0 0px;
background:transparent! important;}
#mainnav {border: transparent; background:transparent;}
#mainnav _left {display:none;}
#mainnav ul li ul li{display: list-item;float: none;border-bottom: 0px none transparent;backgroundcolor:transparent;}
#mainnav ul li ul li.sublink_top {border-top: 0px none transparent;}
.secondary_links {display:none}
#mainnav span, #mainnav_left, #mainnav_right {display:none;}
#mainnav a {border: 6px double #FF99CC; margin: 0 2 0 2; font:10; text-decoration:none! important;color:#ff3366! important;background-color:FFCCCC important;background-image: url('')!important; }
#mainnav a:hover {border:6px double #FF99CC; background-color:FFCCCC; color:#ffffff! important;background-image: url('')!important;}
#mainnav .mainfoldericon{
background: url('') repeat-repeat center right ! important;background-color: ffcccc;}
/* small bullets on about me and links*/
.usercontent .q{
background: url(URL OF UR BULLET/BUTTON HERE);
padding: 0 0 0 52px;height:52px;
background-attachment: scroll;
background-repeat: no-repeat;
background-position: bottom left;}
.data a {
padding: 0px 0px 2px 17px;
overflow: hidden;height:17px!important;
text-align:center;
background-image: url(URL OF UR BULLET/BUTTON HERE)!important; background-attachment: scroll;
background-position: center left;
background-repeat: no-repeat;
height: 17px!important;
background-color: transparent;
color: #000000;
text-decoration: ;
}
/* image hover efex....*/
/*hover code*/
a:hover img { filter:alpha(Opacity=100,FinishOpacity=0,Style=2); }
A:hover img{filter:alpha(finishopacity=0, style=2)}
a:hover, {background-image:url(); background-position:center; width: inherit; height: 0;}
/* VIEW ALL LINKS */
.viewall { text-align: right !important; }
.viewall a { background-image: url() !important;filter: glow(color=#000000);background-attachment: scroll !important; background-position: center !important; background-repeat: repeat !important; color: #ffffff !important; background-color: FFCCCC!important; text-decoration: none !important; border: 3px double #ffcccc !important; text-align: center !important; font-weight: bold !important; padding-top: 6px !important; padding-top: 6px !important; padding-left: 5px !important; padding-right:0px !important; padding-bottom: 6px !important; }
.viewall a:hover { background-image: url() !important; background-position: center !important; color: #cccccc !important;background-repeat:repeat !important; background-color: FFCCCC !important; text-docoration: none !important; }
.editlink { display: none !important; }
/* HIDE NAVIGATION LANGUAGE */
#navLang {display:none;}
/* HIDE GOOGLE ADZ */
#googleAdFactory.fullwidth{position:absolute;top:-5500px;}
/*-- Hide Google Ads --*/
#content_14 {display : none ! important;}
/* REMOVE FEATURE SPONSOR */
#mainnav div.links a:link, #mainnav div.links a:visited, #mainnav div.links a:active { color: #F6E82D text-decoration:none; }
/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
font-family: Courier New, Courier, Monaco, monospace;
color: #000000 ! important;
}
/*tnx my monix=switpotato...ahehehhe*/
/* CONTROL PANEL: BUTTONS ALIGN*/
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
background:url('');
background-color: FFCCCC;
background-attachment: scroll;
background-position: center;
background-repeat: repeat;
border:3px outset #ff3366;
font-family: Courier New, Courier, Monaco, monospace;
font-size: 11px!important;
text-align:center;
color: #000000;
font-weight:bold;
width:140px;
height:24px;
text-decoration: none! important;
margin-left:30; margin-right:0; margin-top:0; margin-bottom:0;
padding-left:0px; padding-right:0; padding-top:2; padding-bottom:0;
}
#controlpanelbuttons a:hover {
background:url('');
background-attachment: scroll;
background-position: center;
background-repeat:repeat;
background:#FFCCCC! important;
border:3px inset #ff3366;
font-family: Courier New, Courier, Monaco, monospace;
font-size: 8px!important;
text-align:center;
color: #ffffff!important;
font-weight:bold;
text-decoration:none! important;
width:140px;
height:25px;
margin-left:30; margin-right:0; margin-top:0; margin-bottom:0;
padding-left:0px; padding-right:0; padding-top:5; padding-bottom:0;
}
/* ======================================== */
/* u may add ur additional css codes here*/
|
6.change the following:
** color: #ffffff
** width:140px
** height:25px
** background-color: FFCCCC
**background-attachment: scroll
** background-position: center
** background-repeat: repeat
** border:3px outset #ff3366;
Legend:
ffffff or anything like this means color....
3px means border thickness....
attachment...u may choose between fixed and scroll...up to u....
put repeat if u want ur image background to reapeat or put "no-repeat" if u don't want ur bg to repeat....
when done....hit the save button at the bottom part....
7. for ur background picture ...use an image that has a 1024 width and 768 height .... to fit on ur screen..
that's the usual windows size....if u want to use small pixes..set ur background to "repeat"...
8. in inserting ur background...use this site: http://www.editfriendster.com
**UPLOAD FIRST UR BACKGROUND IMAGE ON HTTP://PHOTOBUCKET.COM
9. get the direct URL.....then go to http://www.editfriendster.com
then paste the image url of ur preferred background on the space provided...
see pic below:
10...play with the colors and stuff by clicking the buttons...
11. when ur done...at the bottom part hit GENERATE button...then COPY ALL THE GENERATED CODES...
u may choose to preview afterwards....
12. then paste the generated codes at the bottom part of ur css extension codes....
by doing so.... go back and open ur ripway account...go to ur file...
13. then click on EDIT TEXT...
14. SCROLL DOWN UR CODES ON UR TEXT BOX....then at the bottom part u'll be able to read "/* u may add ur additional css codes here*/" ...insert ur generated codes from http://www.editfriendster.com after that command...
15. hit save button....
16. get the URL of ur compiled codes....
17. ...try to generate it here: CLICK
or VISIT HERE for the
latest linker codes for css....
18... THEN PASTE IT ON UR MEDIA BOX AREA....AND SAVE...THEN PREVIEW UR LAYOUT....
Side Note: if u want to add a banner on ur layout...u may use the ff codes:
| Quote: | #navigation {
background:transparent url('URL OF UR BANNER HERE') no-repeat center center; border: 0px solid #cc3300;
width: 800px; height:400px; margin-left:15px; margin-right:0; margin-top:0px; margin-bottom:0px; padding-left:0; padding-right:0; padding-top:450px; padding-bottom:0
} |
FOR THE SIZE OF UR BANNER USE 800 FOR THE WIDTH AND 400 FOR THE HEIGHT....
or juz play with the codes for ur preferences...
...u may paste the banner codes @ da top of all ur css extension codes...
_________________
http://www.ichatz.wordpress.com
----------
"You'll never know that God is all you need when God is all you've got."
***at least let me know if ur using the layout ive made..tnx***
please don't forget to read mah layout's instructions...
---------Mokona Mokidoki...Paaa Puuu!!!
Last edited by SaMmE on Sun May 18, 2008 6:12 am; edited 7 times in total |
|
  | |
Hikari27
Portal Guru
 
Age : 16
Joined : 19 Sep 2007
Posts : 803
Location : animeworld
| |
| | |
cutest08
Portal Guru
 
Age : 14
Joined : 23 Feb 2008
Posts : 440
Location : phillipine,quez0n city,murphy cubao
Friendster ID : 33422857
: T_____________T no PM's @ this time.
| | Subject: Re: Make Ur Own Layout!!!!! Fri Apr 11, 2008 3:32 am | |
| Ate SakuRa-ChAn nEEd thIs tUtOriAl....
thX aTe SaMMe.... 
_________________
FS
Blog Site |
|
| | |
sakura20202
Portal Moderator
Age : 15
Joined : 28 Nov 2007
Posts : 815
Location : Mercury Lampe
Friendster ID : 24039159
: PLEASE DON'T PM ME
| |
| | |
cikhey
Portal Moderator
Age : 29
Joined : 20 Feb 2008
Posts : 223
| | Subject: Re: Make Ur Own Layout!!!!! Fri Apr 11, 2008 5:29 am | |
| tnx for this tutorial...
its really abig help...
Godbless...! 
 |
|
| | |
Hikari27
Portal Guru
Age : 16
Joined : 19 Sep 2007
Posts : 803
Location : animeworld
| |
| | |
cutest08
Portal Guru
Age : 14
Joined : 23 Feb 2008
Posts : 440
Location : phillipine,quez0n city,murphy cubao
Friendster ID : 33422857
: T_____________T no PM's @ this time.
| | Subject: Re: Make Ur Own Layout!!!!! Sun Apr 13, 2008 3:34 am | |
| ATe SaMMe,i try it..cool!..
_________________
FS
Blog Site |
|
| | |
SaMmE
noob
Age : 18
Joined : 09 Sep 2007
Posts : 1440
Friendster ID : *wink*
: “Fashion is a form of ugliness so intolerable that we have to alter it every six months.”
| | Subject: Re: Make Ur Own Layout!!!!! Sun Apr 13, 2008 4:09 am | |
| for those who tried it like AJ and Mitch....
am proud of u....^^
hope...one day u cud also be able to share ur premade layouts...
i'll be waiting for that moment...
it's ok if u'll not post it here...
all i want is...i want u to feel good about urself
...that u can really do it without relying on others....
...ne ne...do ur best !!!! ^^
_________________
http://www.ichatz.wordpress.com
----------
"You'll never know that God is all you need when God is all you've got."
***at least let me know if ur using the layout ive made..tnx***
please don't forget to read mah layout's instructions...
---------Mokona Mokidoki...Paaa Puuu!!! |
|
| | |
PuRpLeLiCiOuS007
Portal Newbie
Age : 23
Joined : 07 Apr 2008
Posts : 22
Friendster ID : www.friendster.com/Piaganda007
| | Subject: Re: Make Ur Own Layout!!!!! Sun Apr 13, 2008 4:40 am | |
| | thnx for sharing this tutorial i hope i will be success in making a layout |
|
| | |
PuRpLeLiCiOuS007
Portal Newbie
Age : 23
Joined : 07 Apr 2008
Posts : 22
Friendster ID : www.friendster.com/Piaganda007
| | Subject: Re: Make Ur Own Layout!!!!! Sun Apr 13, 2008 4:46 am | |
| | ate baket po hindi nman po buo ung image sa background ung gitna lang 1024x768 naman ang picture ko |
|
| | |
Hikari27
Portal Guru
Age : 16
Joined : 19 Sep 2007
Posts : 803
Location : animeworld
| |
| | |
SaMmE
noob
Age : 18
Joined : 09 Sep 2007
Posts : 1440
Friendster ID : *wink*
: “Fashion is a form of ugliness so intolerable that we have to alter it every six months.”
| | Subject: Re: Make Ur Own Layout!!!!! Sun Apr 13, 2008 5:52 am | |
| @PuRpLeLiCiOuS007 ...make sure also that ur pc or laptop screen resolution is set to 1024x768......if it's higher then ...that will be the result....
_________________
http://www.ichatz.wordpress.com
----------
"You'll never know that God is all you need when God is all you've got."
***at least let me know if ur using the layout ive made..tnx***
please don't forget to read mah layout's instructions...
---------Mokona Mokidoki...Paaa Puuu!!! |
|
| | |
cutest08
Portal Guru
Age : 14
Joined : 23 Feb 2008
Posts : 440
Location : phillipine,quez0n city,murphy cubao
Friendster ID : 33422857
: T_____________T no PM's @ this time.
| | Subject: Re: Make Ur Own Layout!!!!! Sun Apr 13, 2008 6:01 am | |
| thanksz Ate Samme,i experiment it well..i'd like to create layout w/addons..hehe
Ate my ExpEriMenT LayOut...iTs juSt A exPerImEnt...
Click this
_________________
FS
Blog Site
Last edited by cutest08 on Sun Apr 13, 2008 6:33 am; edited 1 time in total |
|
| | |
sakura20202
Portal Moderator
Age : 15
Joined : 28 Nov 2007
Posts : 815
Location : Mercury Lampe
Friendster ID : 24039159
: PLEASE DON'T PM ME
| |
| | |
SaMmE
noob
Age : 18
Joined : 09 Sep 2007
Posts : 1440
Friendster ID : *wink*
: “Fashion is a form of ugliness so intolerable that we have to alter it every six months.”
| | Subject: Re: Make Ur Own Layout!!!!! Sun Apr 13, 2008 7:07 am | |
| yup it is....
_________________
http://www.ichatz.wordpress.com
----------
"You'll never know that God is all you need when God is all you've got."
***at least let me know if ur using the layout ive made..tnx***
please don't forget to read mah layout's instructions...
---------Mokona Mokidoki...Paaa Puuu!!! |
|
| | |
|
