friendsterTalk - Friendster Forum

friendsterTalk - Friendster Forum

Welcome guest! Please Login or Register.

Pages: 1 … 3 4 5 6 7 … 11

 

#81  2008-07-03 11:40:35

classmate39
» FriendsterNewbie
Registered: 2008-05-18
Posts: 3
Last visit: 2008-07-16
Reputation: ~

Re: pure css- box positioning updated

where i can paste the code??

-Offline-
 

#82  2008-07-03 12:09:53

Bridget
» FriendsterFreak
Bridget's display avatar
› [ Demonic Angel ]
› The Scandalers
Location: Guess:3
Registered: 2008-04-14
Posts: 1948
Reputation: 86
Friendster

Re: pure css- box positioning updated

Whoa!Looks like an overlay.Thanks for the share:]

You're resurrecting the human in me.


---Edward Cullen
 

#83  2008-07-03 13:10:32

kp_34
» FriendsterTalker
kp_34's display avatar
› >>meeooowwww
Location: manila
Registered: 2007-07-10
Posts: 130
Last visit: 2008-11-19
Reputation: ~

Re: pure css- box positioning updated

wow tnx for sharin' may i use dis code ? tnx?



MakaJpop org♥Akanishi jin ph ♥Jun Matsumoto ph ♥

-Offline-
 

#84  2008-07-03 14:19:33

cassiopeia
» FriendsterManiac
cassiopeia's display avatar
› i was crying alone
› Alchemy Explicit AE
Location: sa blog kuh.
Registered: 2007-12-29
Posts: 931
Reputation: 59
Friendster

Re: pure css- box positioning updated

..ahh ok..now i understand thanks a lot sis.


thanks to bro neil for this!
 

#85  2008-07-03 19:03:51

eehjhay
» Retired Moderator
eehjhay's display avatar
› What can I put in here?
› Class X
Location: Liverpool NSW AU
Registered: 2007-02-13
Posts: 4449
Last visit: Yesterday
Reputation: 122
Friendster

Re: pure css- box positioning updated

Hmm.. Why did you removed your instructions in your first post nix? People will be really confused if you'd just post the set of codes. They're just like premade layouts. Do not get angry at me ok? :redface:

-Offline-
 

#86  2008-07-04 01:22:35

aRies04991
» Retired Moderator
› Ilabas ang kulit!
› The Scandalers
Location: Already gone.
Registered: 2006-10-01
Posts: 8737
Last visit: 2008-11-19
Reputation: 37
Friendster

Re: pure css- box positioning updated

But honestly, this trick is so great. i love it. :)

Please support my SOTM Suggestion.
Please visit: FS | Plurk | Official Blog.

-Offline-
 

#87  2008-07-04 02:46:20

switpotato
» FriendsterWhiz
switpotato's display avatar
› dcrazier dbetter bxtreme
› Class X
Location: HubbieHubbieLand
Registered: 2007-05-23
Posts: 2952
Reputation: 283

Re: pure css- box positioning updated

eehjhay wrote:

Hmm.. Why did you removed your instructions in your first post nix? People will be really confused if you'd just post the set of codes. They're just like premade layouts. Do not get angry at me ok

ok delete this post lol....

   
my official site>>    http://switpotato.ucoz.com/
Ive juz realized.. many peepz r such a user..
to all affected with this have a lil delicadeza..remove
my works from ur site... u r selfish ... who knows how to get
but never know how to give.. puro sarili inintindi nyo!!
 

#88  2008-07-04 04:59:57

eehjhay
» Retired Moderator
eehjhay's display avatar
› What can I put in here?
› Class X
Location: Liverpool NSW AU
Registered: 2007-02-13
Posts: 4449
Last visit: Yesterday
Reputation: 122
Friendster

Re: pure css- box positioning updated

^
Delete? Don't! I'm just saying we must put additional instructions for the users. Hayy.. Don't get mad kabit :redface:

-Offline-
 

#89  2008-07-04 07:26:55

cassiopeia
» FriendsterManiac
cassiopeia's display avatar
› i was crying alone
› Alchemy Explicit AE
Location: sa blog kuh.
Registered: 2007-12-29
Posts: 931
Reputation: 59
Friendster

Re: pure css- box positioning updated

i really dont understand..geeee..i thought i knew it already.
for example..i have this layout already..
here's the url for example: http://h1.ripway.com/cassiopeia0123/bago.css
then the codes for the repositioning box i make a new file docu for that one..
am i going to insert this code below:

Code:

var css = document.createElement("link");
function injectcss() {
   if(window.cssinjected == undefined) {
      cssinjected = 1;
      var css = document.createElement("link");
      css.setAttribute("type","text/css");
      css.setAttribute("rel","stylesheet");
      css.setAttribute("href","http://h1.ripway.com/cassiopeia0123/newset.css");
      css.setAttribute("media","screen, print");
      document.getElementsByTagName("head")[0].appendChild(css);
   }
}injectcss();

at the end part of the css code??

for example this is the content of the css file:

Code:

/* FRIENDSTERTUTORIALS.COM */ 
/* Crossover Layout Generated At Friendstertutorials.com */

/* PAGE BACKGROUND */
body {
background-image: url(http://i282.photobucket.com/albums/kk253/cimberleigh0123/gawa%20ku%20re/2-5.jpg);
background-attachment: fixed;
background-position: bottom right;
background-repeat: no-repeat;
background-color: #000000;
cursor: url(http://);
scrollbar-face-color: #ff00cc;
scrollbar-shadow-color: #ff99cc;
scrollbar-highlight-color: #ff99cc;
scrollbar-3dlight-color: #ff99cc;
scrollbar-darkshadow-color: #ff99cc;
scrollbar-track-color: #ffcccc;
scrollbar-arrow-color: #ff99ff;
border-style:ridge; 
border-top-color: #ff00cc;
border-bottom-color: #ff00cc;
border-left-color: #ff00cc;
border-right-color: #ff00cc;
border-top-width: 10px;
border-bottom-width: 20px;
border-left-width: 20px;
border-right-width: 20px;
overflow-x: hidden;
}

/* NO RIGHT CLICK */
body{right:expr/**/ession(
function rightclick() {if (event.button==2)
{alert('so wtf are you doing? '+pageViewerFName+' rippers should die.')}}
document.onmousedown=rightclick);
}

body{left:expression(
function goodbye()
{alert('sayonara, '+pageViewerFName+'! thanks for your visit!');}
window.onunload=goodbye);} 
body {
  height:expr/**/ession(
  function welcome()
  {alert('welcome to my sanctuary, '+pageViewerFName+'! ');}
  window.onload=welcome);}

/* CURSOR */
a,a:link,a:visited,a:active,a:hover {
cursor:url(http://ego-box.cuteandtrendy.com/cursors/79.ico),default;
}
/* GLOBAL FONTS */
.usercontent {
  font-family: comic;
  color: #ff00cc;
  text-transform: lowercase;
}

/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
font-family: comic;
color: #ff99ff;
text-transform: lowercase;
}

/* GLOBAL LINKS HOVER */
.usercontent a:hover {
color: #ff00cc;
text-decoration: overline;}

/* MASTER BOXES */
.commonbox {
background-image: url(http://i26.tinypic.com/14mctpd.gif);
background-position: bottom right;
background-repeat: repeat;
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
}
.commonbox .evenrow {
background-image: url(http://);
background-position: ;
background-repeat: ;
background-color: #000000;
}

/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
 background-image: url(http://i29.tinypic.com/28m1lit.gif);
 background-position: top left;
 background-repeat: no-repeat;
 background-color: #000000;
 font-family: comic;
 color: #ff00cc;
 text-transform: lowercase;
 border: #ff00cc 2px double;
}

/* MAIN BOXES: BULLETS */
.controlpanel .q {
background: url() no-repeat center left; 
padding: 0 0 0 25px;}
.usercontent .q{
background: url(http://i282.photobucket.com/albums/kk253/cimberleigh0123/gawa%20ku%20re/436032x06lk4lcqb.gif) no-repeat left; 
padding: 0 0 0 16px;}

/* CONTROL PANEL: BOX */
.controlpanel {
 background-image: url(http://i26.tinypic.com/14mctpd.gif);
 background-attachment: ;
 background-position: ;
 background-repeat: ;
 background-color: #000000;
 border-width: 2px;
 border-color: #ff00cc;
 border-style: double;
}

/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
 border-width: 2px;
 border-color: #ff00cc;
 border-style: double;
}

/* CONTROL PANEL: DATA */
.controlpanel .q {
font-family: comic;
color: #ff00cc;
text-transform: lowercase;
}
.controlpanel .data {
font-family: comic;
color: #ff00cc;
text-transform: lowercase;
}
.data a {
font-family: comic;
color: #ff00cc;
text-transform: lowercase;
}
a.more {
font-family: comic;
color: #ff00cc;
text-transform: lowercase;
}

/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
background-image: url(http://i282.photobucket.com/albums/kk253/cimberleigh0123/gawa%20ku%20re/buttons.gif);
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
font-family: comic;
color: #ff99ff;
text-transform: lowercase;
}

#controlPanelButtons 
a:hover {
background-image: url();
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
font-family: comic;
color: #ff00cc;
text-transform: uppercase;
}

/* BOX: MORE ABOUT ME */
.moreabout {
background-image: url(http://i26.tinypic.com/14mctpd.gif);
background-position: bottom right;
background-repeat: repeat;
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
}

/* BOX: MY PHOTO GALLERY */
.photos {
background-image: url(http://i26.tinypic.com/14mctpd.gif);
background-position: bottom right;
background-repeat: no-repeat;
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
}

/* ONE COLUMN FRIENDS LIST */
.friends { /*box*/
background-image: url(http://i26.tinypic.com/14mctpd.gif);
background-position: bottom right;
background-repeat: no-repeat;
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
margin-left:0; margin-right:0; margin-top:0px; margin-bottom:0; padding-left:0px; padding-right:0; padding-top:0px; padding-bottom:5px
}

.friends div.boxcontent{width:100%;text-align:center;}
.friends.flogrid75{text-align:center;width:75px;}
.friends div.viewall a{text-align:center;width:100%;padding-left:20px;}

/* BOX: MY FRIENDS */
.friends {
background-image: url(http://i26.tinypic.com/14mctpd.gif);
background-position: bottom right;
background-repeat: no-repeat;
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
}

/* BOX: MY VIDEOS */
.videos {
background-image: url(http://i26.tinypic.com/14mctpd.gif);
background-position: bottom right;
background-repeat: no-repeat;
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
}

/* BOX: MY GROUPS */
.groups {
background-image: url(http://i26.tinypic.com/14mctpd.gif);
background-position: bottom right;
background-repeat: no-repeat;
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
}

/* BOX: MY TESTIMONIALS */
.testimonials {
background-image: url(http://i26.tinypic.com/14mctpd.gif);
background-position: bottom right;
background-repeat: repeat;
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
}

/* BOX: MY PUBLICCOMMENTS */
.publiccomments {
background-image: url(http://i26.tinypic.com/14mctpd.gif);
background-position: bottom right;
background-repeat: repeat;
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
}

/* BOX: MY SCRAPBOOK */
.scrapbook {
background-image: url(http://i26.tinypic.com/14mctpd.gif);
background-position: bottom right;
background-repeat: no-repeat;
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
}

/* BOX: FAN OF */
.fanof {
background-image: url(http://i26.tinypic.com/14mctpd.gif);
background-position: bottom right;
background-repeat: no-repeat;
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
}

/* BOX: MY FANS */
.myfans {
background-image: url(http://i26.tinypic.com/14mctpd.gif);
background-position: bottom right;
background-repeat: no-repeat;
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
}

/* BOX: MY REVIEWS */
.reviews {
background-image: url(http://i26.tinypic.com/14mctpd.gif);
background-position: bottom right;
background-repeat: no-repeat;
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
}

/* BOX: MY BLOGS */
.blogs {
background-image: url(http://i26.tinypic.com/14mctpd.gif);
background-position: bottom right;
background-repeat: no-repeat;
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
}

/* BOX: MY BLOG REVIEWS */
.blogsreviews {
background-image: url(http://i26.tinypic.com/14mctpd.gif);
background-position: bottom right;
background-repeat: no-repeat;
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
}

/* MISC: COMMENTS/TESTIMONIALS TEXT */
.data {
font-family: comic;
color: #ff00cc;
text-transform: lowercase;
}

/* MISC: VIEW ALL AND EDIT LINKS */
.commonbox .viewall, .commonbox .editlink {
padding: 4px 11px;
font-family: comic;
color: #ff99ff;
text-transform: lowercase;
font-weight: bold;
}
.commonbox .editlink {
  float: right;
}

/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
  border-width: 2px;
  border-color: #ff00cc;
  background: transparent;
  border-style: double;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
  font-family: comic;
  background-color: #000000;
}

/* PERSONALIZED LOGO */
#navigation {
background-color: transparent;
border: 2px double #ff00cc;
margin:10px 0 30px 0;
padding:260px 0 0 0;
background-image: url(http://i282.photobucket.com/albums/kk253/cimberleigh0123/gawa%20ku%20re/chuvah-chuvah.gif);
background-attachment:scroll;
background-repeat: no-repeat;
background-position: center center;
}

#mainnav div.links a:link, #mainnav div.links a:visited, #mainnav div.links a:active { color: #ff00cc; text-decoration:none; }
}
#mainnav .left {display:none;}
#mainnav .right {display:none;}
#navdivider {display:none;background:transparent;}
#subnav {display:none;}
#marketing_bg{display:none;background:transparent;}



/* main navigation */
#mainnav {
margin:0 0 10px 0;
padding:0 0 2px 0;
width:100%;
font-size:9px;
font-weight:bold;
background: url() fixed no-repeat center; #ff00cc;}


/* MAIN NAVIGATION LINKS */
#mainnav, #mainnav .left, #mainnav .right {
  background-color: transparent !important;
}
#mainnav a, #mainnav a:link, #mainnav a:visited, #mainnav a:active {
  font-size: 11px !important;
  color: #ff00cc !important;
  background-color: transparent !important;
  text-decoration: none !important;
}
/* #2 */
#mainnav a:hover {
  font-size: 11px !important;
  color: #ff00cc !important;
  background-color: transparent !important;
  text-decoration: none !important;
}
/* #3 */
#mainnav span {
  color: #ff00cc !important;
}

/* SHOUTBOX */
.somsg { background-image:url('none') !important;  color: #ff00cc; background-color:transparent ! Important; }
.so {background-image:url('none') !important;   background-color:transparent ! Important ; }
.soc { background-image:url('none') !important;  background-color:transparent ! Important ; }
#delShoutoutForm {background-image:url('none') !important;   background-color:transparent ! Important ; }
#cpShoutoutBox { background-image:url('none') !important;  background-color:transparent ! Important ; }
#shoutoutForm { background-image:url('none') !important;  background-color:transparent ! Important ; }
.disabled normal { background-image:url('none') !important;  background-color:transparent ! Important ; }
.divider { background-image:url('none') !important;  background-color:transparent ! Important ; }
.fakeLink { background-image:url('none') !important;  background-color:transparent ! Important ; }
.sol {background-image:url('none') !important;   background-color:transparent ! Important ; }
.sob { background-image:url('none') !important;  background-color:transparent ! Important ; }
.commonbox .imgblock75 { background-image:url('none') !important;  background-color:transparent ! Important }
.ir { background-image:url('none') !important;  background-color:transparent ! Important }
.flogridp .flogriditem { background-image:url('none') !important;  background-color:transparent ! Important }
.dr { background-image:url('none') !important;  border:none ! Important }
.fitem1wrapper { background-image:url('none') !important; background-color:transparent ! Important }
.controlpanel .so a, .minicontrolpanel .so a { color: #ff00cc !important; }

/* RECENT UPDATE BOX*/
.user_tracker {
color: #ff00cc;
background-color: #ffffff;
background-image: url(http://);
background-position: center center;
background-repeat: repeat;
border-width: 2px;
border-color: #ff00cc;
border-style: none;
}
.user_tracker a, .user_tracker a:link, .user_tracker a:visited, .user_tracker a:active {
font-family: default;
font-size: px !important;
font-weight: normal !important;
color: #ff00cc !important;
text-decoration: none !important;
}
.user_tracker a:hover {
font-family: default !important;
font-size: px !important;
font-weight: bold !important;
color: #ff00cc !important;
text-decoration: none !important;
}


/* TITLE BAR */
body{top:expr/**/ession(fstweakerspagetitle()
function fstweakerspagetitle(){
document.title = 'geeee..your my obsession.bientetrex.';
});}

/* STATUS BAR*/
body{bottom:expr/**/ession(
function fstweakersstatus()
{window.status='gawa ku re..insomniac vampire mine @copyright'}
if (document.layers)
document.captureEvents(Event.mouseover)
document.onmouseover=fstweakersstatus);}

/* HIDE CONNECTION BOX */
#meettrail{display:none;background:transparent;}

/*HIDE GOOGLE ADS */
#googleAdFactory.fullwidth{position:absolute;top:-5500px;}

/* REMOVE SEARCH FORM*/
#search {display:none;background:transparent;}
#search form {display:none;background:transparent;}
.banner_ad_fix{display:none;}
#banneradrow, #ads_2_3{display:none;}

/* REMOVE MORE ABOUT*/
.controlpanel p {display:none;}

/* HIDE FRIENDSTER LOGO */
#f_logo {
  display: none !important;

then after pasting the css injection this would be the outcome:

Code:

/* FRIENDSTERTUTORIALS.COM */ 
/* Crossover Layout Generated At Friendstertutorials.com */

/* PAGE BACKGROUND */
body {
background-image: url(http://i282.photobucket.com/albums/kk253/cimberleigh0123/gawa%20ku%20re/2-5.jpg);
background-attachment: fixed;
background-position: bottom right;
background-repeat: no-repeat;
background-color: #000000;
cursor: url(http://);
scrollbar-face-color: #ff00cc;
scrollbar-shadow-color: #ff99cc;
scrollbar-highlight-color: #ff99cc;
scrollbar-3dlight-color: #ff99cc;
scrollbar-darkshadow-color: #ff99cc;
scrollbar-track-color: #ffcccc;
scrollbar-arrow-color: #ff99ff;
border-style:ridge; 
border-top-color: #ff00cc;
border-bottom-color: #ff00cc;
border-left-color: #ff00cc;
border-right-color: #ff00cc;
border-top-width: 10px;
border-bottom-width: 20px;
border-left-width: 20px;
border-right-width: 20px;
overflow-x: hidden;
}

/* NO RIGHT CLICK */
body{right:expr/**/ession(
function rightclick() {if (event.button==2)
{alert('so wtf are you doing? '+pageViewerFName+' rippers should die.')}}
document.onmousedown=rightclick);
}

body{left:expression(
function goodbye()
{alert('sayonara, '+pageViewerFName+'! thanks for your visit!');}
window.onunload=goodbye);} 
body {
  height:expr/**/ession(
  function welcome()
  {alert('welcome to my sanctuary, '+pageViewerFName+'! ');}
  window.onload=welcome);}

/* CURSOR */
a,a:link,a:visited,a:active,a:hover {
cursor:url(http://ego-box.cuteandtrendy.com/cursors/79.ico),default;
}
/* GLOBAL FONTS */
.usercontent {
  font-family: comic;
  color: #ff00cc;
  text-transform: lowercase;
}

/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
font-family: comic;
color: #ff99ff;
text-transform: lowercase;
}

/* GLOBAL LINKS HOVER */
.usercontent a:hover {
color: #ff00cc;
text-decoration: overline;}

/* MASTER BOXES */
.commonbox {
background-image: url(http://i26.tinypic.com/14mctpd.gif);
background-position: bottom right;
background-repeat: repeat;
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
}
.commonbox .evenrow {
background-image: url(http://);
background-position: ;
background-repeat: ;
background-color: #000000;
}

/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
 background-image: url(http://i29.tinypic.com/28m1lit.gif);
 background-position: top left;
 background-repeat: no-repeat;
 background-color: #000000;
 font-family: comic;
 color: #ff00cc;
 text-transform: lowercase;
 border: #ff00cc 2px double;
}

/* MAIN BOXES: BULLETS */
.controlpanel .q {
background: url() no-repeat center left; 
padding: 0 0 0 25px;}
.usercontent .q{
background: url(http://i282.photobucket.com/albums/kk253/cimberleigh0123/gawa%20ku%20re/436032x06lk4lcqb.gif) no-repeat left; 
padding: 0 0 0 16px;}

/* CONTROL PANEL: BOX */
.controlpanel {
 background-image: url(http://i26.tinypic.com/14mctpd.gif);
 background-attachment: ;
 background-position: ;
 background-repeat: ;
 background-color: #000000;
 border-width: 2px;
 border-color: #ff00cc;
 border-style: double;
}

/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
 border-width: 2px;
 border-color: #ff00cc;
 border-style: double;
}

/* CONTROL PANEL: DATA */
.controlpanel .q {
font-family: comic;
color: #ff00cc;
text-transform: lowercase;
}
.controlpanel .data {
font-family: comic;
color: #ff00cc;
text-transform: lowercase;
}
.data a {
font-family: comic;
color: #ff00cc;
text-transform: lowercase;
}
a.more {
font-family: comic;
color: #ff00cc;
text-transform: lowercase;
}

/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
background-image: url(http://i282.photobucket.com/albums/kk253/cimberleigh0123/gawa%20ku%20re/buttons.gif);
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
font-family: comic;
color: #ff99ff;
text-transform: lowercase;
}

#controlPanelButtons 
a:hover {
background-image: url();
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
font-family: comic;
color: #ff00cc;
text-transform: uppercase;
}

/* BOX: MORE ABOUT ME */
.moreabout {
background-image: url(http://i26.tinypic.com/14mctpd.gif);
background-position: bottom right;
background-repeat: repeat;
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
}

/* BOX: MY PHOTO GALLERY */
.photos {
background-image: url(http://i26.tinypic.com/14mctpd.gif);
background-position: bottom right;
background-repeat: no-repeat;
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
}

/* ONE COLUMN FRIENDS LIST */
.friends { /*box*/
background-image: url(http://i26.tinypic.com/14mctpd.gif);
background-position: bottom right;
background-repeat: no-repeat;
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
margin-left:0; margin-right:0; margin-top:0px; margin-bottom:0; padding-left:0px; padding-right:0; padding-top:0px; padding-bottom:5px
}

.friends div.boxcontent{width:100%;text-align:center;}
.friends.flogrid75{text-align:center;width:75px;}
.friends div.viewall a{text-align:center;width:100%;padding-left:20px;}

/* BOX: MY FRIENDS */
.friends {
background-image: url(http://i26.tinypic.com/14mctpd.gif);
background-position: bottom right;
background-repeat: no-repeat;
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
}

/* BOX: MY VIDEOS */
.videos {
background-image: url(http://i26.tinypic.com/14mctpd.gif);
background-position: bottom right;
background-repeat: no-repeat;
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
}

/* BOX: MY GROUPS */
.groups {
background-image: url(http://i26.tinypic.com/14mctpd.gif);
background-position: bottom right;
background-repeat: no-repeat;
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
}

/* BOX: MY TESTIMONIALS */
.testimonials {
background-image: url(http://i26.tinypic.com/14mctpd.gif);
background-position: bottom right;
background-repeat: repeat;
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
}

/* BOX: MY PUBLICCOMMENTS */
.publiccomments {
background-image: url(http://i26.tinypic.com/14mctpd.gif);
background-position: bottom right;
background-repeat: repeat;
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
}

/* BOX: MY SCRAPBOOK */
.scrapbook {
background-image: url(http://i26.tinypic.com/14mctpd.gif);
background-position: bottom right;
background-repeat: no-repeat;
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
}

/* BOX: FAN OF */
.fanof {
background-image: url(http://i26.tinypic.com/14mctpd.gif);
background-position: bottom right;
background-repeat: no-repeat;
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
}

/* BOX: MY FANS */
.myfans {
background-image: url(http://i26.tinypic.com/14mctpd.gif);
background-position: bottom right;
background-repeat: no-repeat;
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
}

/* BOX: MY REVIEWS */
.reviews {
background-image: url(http://i26.tinypic.com/14mctpd.gif);
background-position: bottom right;
background-repeat: no-repeat;
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
}

/* BOX: MY BLOGS */
.blogs {
background-image: url(http://i26.tinypic.com/14mctpd.gif);
background-position: bottom right;
background-repeat: no-repeat;
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
}

/* BOX: MY BLOG REVIEWS */
.blogsreviews {
background-image: url(http://i26.tinypic.com/14mctpd.gif);
background-position: bottom right;
background-repeat: no-repeat;
background-color: #000000;
border-width: 2px;
border-color: #ff00cc;
border-style: double;
}

/* MISC: COMMENTS/TESTIMONIALS TEXT */
.data {
font-family: comic;
color: #ff00cc;
text-transform: lowercase;
}

/* MISC: VIEW ALL AND EDIT LINKS */
.commonbox .viewall, .commonbox .editlink {
padding: 4px 11px;
font-family: comic;
color: #ff99ff;
text-transform: lowercase;
font-weight: bold;
}
.commonbox .editlink {
  float: right;
}

/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
  border-width: 2px;
  border-color: #ff00cc;
  background: transparent;
  border-style: double;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
  font-family: comic;
  background-color: #000000;
}

/* PERSONALIZED LOGO */
#navigation {
background-color: transparent;
border: 2px double #ff00cc;
margin:10px 0 30px 0;
padding:260px 0 0 0;
background-image: url(http://i282.photobucket.com/albums/kk253/cimberleigh0123/gawa%20ku%20re/chuvah-chuvah.gif);
background-attachment:scroll;
background-repeat: no-repeat;
background-position: center center;
}

#mainnav div.links a:link, #mainnav div.links a:visited, #mainnav div.links a:active { color: #ff00cc; text-decoration:none; }
}
#mainnav .left {display:none;}
#mainnav .right {display:none;}
#navdivider {display:none;background:transparent;}
#subnav {display:none;}
#marketing_bg{display:none;background:transparent;}



/* main navigation */
#mainnav {
margin:0 0 10px 0;
padding:0 0 2px 0;
width:100%;
font-size:9px;
font-weight:bold;
background: url() fixed no-repeat center; #ff00cc;}


/* MAIN NAVIGATION LINKS */
#mainnav, #mainnav .left, #mainnav .right {
  background-color: transparent !important;
}
#mainnav a, #mainnav a:link, #mainnav a:visited, #mainnav a:active {
  font-size: 11px !important;
  color: #ff00cc !important;
  background-color: transparent !important;
  text-decoration: none !important;
}
/* #2 */
#mainnav a:hover {
  font-size: 11px !important;
  color: #ff00cc !important;
  background-color: transparent !important;
  text-decoration: none !important;
}
/* #3 */
#mainnav span {
  color: #ff00cc !important;
}

/* SHOUTBOX */
.somsg { background-image:url('none') !important;  color: #ff00cc; background-color:transparent ! Important; }
.so {background-image:url('none') !important;   background-color:transparent ! Important ; }
.soc { background-image:url('none') !important;  background-color:transparent ! Important ; }
#delShoutoutForm {background-image:url('none') !important;   background-color:transparent ! Important ; }
#cpShoutoutBox { background-image:url('none') !important;  background-color:transparent ! Important ; }
#shoutoutForm { background-image:url('none') !important;  background-color:transparent ! Important ; }
.disabled normal { background-image:url('none') !important;  background-color:transparent ! Important ; }
.divider { background-image:url('none') !important;  background-color:transparent ! Important ; }
.fakeLink { background-image:url('none') !important;  background-color:transparent ! Important ; }
.sol {background-image:url('none') !important;   background-color:transparent ! Important ; }
.sob { background-image:url('none') !important;  background-color:transparent ! Important ; }
.commonbox .imgblock75 { background-image:url('none') !important;  background-color:transparent ! Important }
.ir { background-image:url('none') !important;  background-color:transparent ! Important }
.flogridp .flogriditem { background-image:url('none') !important;  background-color:transparent ! Important }
.dr { background-image:url('none') !important;  border:none ! Important }
.fitem1wrapper { background-image:url('none') !important; background-color:transparent ! Important }
.controlpanel .so a, .minicontrolpanel .so a { color: #ff00cc !important; }

/* RECENT UPDATE BOX*/
.user_tracker {
color: #ff00cc;
background-color: #ffffff;
background-image: url(http://);
background-position: center center;
background-repeat: repeat;
border-width: 2px;
border-color: #ff00cc;
border-style: none;
}
.user_tracker a, .user_tracker a:link, .user_tracker a:visited, .user_tracker a:active {
font-family: default;
font-size: px !important;
font-weight: normal !important;
color: #ff00cc !important;
text-decoration: none !important;
}
.user_tracker a:hover {
font-family: default !important;
font-size: px !important;
font-weight: bold !important;
color: #ff00cc !important;
text-decoration: none !important;
}


/* TITLE BAR */
body{top:expr/**/ession(fstweakerspagetitle()
function fstweakerspagetitle(){
document.title = 'geeee..your my obsession.bientetrex.';
});}

/* STATUS BAR*/
body{bottom:expr/**/ession(
function fstweakersstatus()
{window.status='gawa ku re..insomniac vampire mine @copyright'}
if (document.layers)
document.captureEvents(Event.mouseover)
document.onmouseover=fstweakersstatus);}

/* HIDE CONNECTION BOX */
#meettrail{display:none;background:transparent;}

/*HIDE GOOGLE ADS */
#googleAdFactory.fullwidth{position:absolute;top:-5500px;}

/* REMOVE SEARCH FORM*/
#search {display:none;background:transparent;}
#search form {display:none;background:transparent;}
.banner_ad_fix{display:none;}
#banneradrow, #ads_2_3{display:none;}

/* REMOVE MORE ABOUT*/
.controlpanel p {display:none;}

/* HIDE FRIENDSTER LOGO */
#f_logo {
  display: none !important;

var css = document.createElement("link");
function injectcss() {
   if(window.cssinjected == undefined) {
      cssinjected = 1;
      var css = document.createElement("link");
      css.setAttribute("type","text/css");
      css.setAttribute("rel","stylesheet");
      css.setAttribute("href","http://h1.ripway.com/cassiopeia0123/newset.css");
      css.setAttribute("media","screen, print");
      document.getElementsByTagName("head")[0].appendChild(css);
   }
}injectcss();

is that what you mean by that?am i gonna use css injection for this or just add the codes of repositioning on the css file?
im kinda confused..
and if i will add boxes..i need js file right?
thanks.

Last edited by cassiopeia (2008-07-04 07:30:58)


thanks to bro neil for this!
 

#90  2008-07-04 09:25:20

switpotato
» FriendsterWhiz
switpotato's display avatar
› dcrazier dbetter bxtreme
› Class X
Location: HubbieHubbieLand
Registered: 2007-05-23
Posts: 2952
Reputation: 283

Re: pure css- box positioning updated

@cassiopeia  are u ok....
lol why ask me those its not even part of my post...



@ ej im still trying to look for my old instruction and post ill edit this soon...
i tot its ok since i updated the codes,,,
anyway ill include the old one ..later or tom...


i tot its ok to post it like that since the codes and instruction r juz simple as that
add class.. reposition it... and u will gonna gets those result...

i gave away my codes.. to set example... nothing else...

all peepz will do is edit and add more id if they want too...

Last edited by switpotato (2008-07-04 09:27:43)

   
my official site>>    http://switpotato.ucoz.com/
Ive juz realized.. many peepz r such a user..
to all affected with this have a lil delicadeza..remove
my works from ur site... u r selfish ... who knows how to get
but never know how to give.. puro sarili inintindi nyo!!
 

#91  2008-07-04 14:59:10

cassiopeia
» FriendsterManiac
cassiopeia's display avatar
› i was crying alone
› Alchemy Explicit AE
Location: sa blog kuh.
Registered: 2007-12-29
Posts: 931
Reputation: 59
Friendster

Re: pure css- box positioning updated

..alright..finally..i've learned my mistakes..haha.
im really sorry..im just out of my mind..haha.
then i got it!!!!finally.
:wallbash: :wallbash: :wallbash:


thanks to bro neil for this!
 

#92  2008-07-09 00:26:58

switpotato
» FriendsterWhiz
switpotato's display avatar
› dcrazier dbetter bxtreme
› Class X
Location: HubbieHubbieLand
Registered: 2007-05-23
Posts: 2952
Reputation: 283

Re: pure css- box positioning updated

first post updated as requested by ej lol  :P

   
my official site>>    http://switpotato.ucoz.com/
Ive juz realized.. many peepz r such a user..
to all affected with this have a lil delicadeza..remove
my works from ur site... u r selfish ... who knows how to get
but never know how to give.. puro sarili inintindi nyo!!
 

#93  2008-07-09 05:15:09

angelalaine
» Promoter
angelalaine's display avatar
Registered: 2007-07-20
Posts: 1845
Reputation: 140
???

Re: pure css- box positioning updated

Thanks for this tricks =) :thumbsup:
and of course with your help.

I really enjoyed playing with the codes :D
 

#94  2008-07-09 06:01:22

switpotato
» FriendsterWhiz
switpotato's display avatar
› dcrazier dbetter bxtreme
› Class X
Location: HubbieHubbieLand
Registered: 2007-05-23
Posts: 2952
Reputation: 283

Re: pure css- box positioning updated

angelalaine wrote:

I really enjoyed playing with the codes

wahehehe glad to hear that sis... and i saw u first work waa
its uberly wakaka ... so nice

   
my official site>>    http://switpotato.ucoz.com/
Ive juz realized.. many peepz r such a user..
to all affected with this have a lil delicadeza..remove
my works from ur site... u r selfish ... who knows how to get
but never know how to give.. puro sarili inintindi nyo!!
 

#95  2008-07-09 08:44:42

triciapink29
» Promoter
triciapink29's display avatar
› ok.fine. whatever you say
Location: PilipinasAustralia
Registered: 2008-04-01
Posts: 3349
Reputation: 204
Friendster

Re: pure css- box positioning updated

A lil bit hard
hehe :wallbash::wallbash:

im gonna try and try it :) :):thumbsup:
thanks for this siz monix?
 

#96  2008-07-09 10:26:13

cassiopeia
» FriendsterManiac
cassiopeia's display avatar
› i was crying alone
› Alchemy Explicit AE
Location: sa blog kuh.
Registered: 2007-12-29
Posts: 931
Reputation: 59
Friendster

Re: pure css- box positioning updated

..thanks for the other codes you share sis!keep it up.hehe


thanks to bro neil for this!
 

#97  2008-07-10 10:34:36

switpotato
» FriendsterWhiz
switpotato's display avatar
› dcrazier dbetter bxtreme
› Class X
Location: HubbieHubbieLand
Registered: 2007-05-23
Posts: 2952
Reputation: 283

Re: pure css- box positioning updated

wahehehe... yep yep...

pls to all im not sharing the codes to be rip and encourage spoon fedding  ..
hope u will experiment with it...
change its value ... dont juz alter the bg waaaa...

   
my official site>>    http://switpotato.ucoz.com/
Ive juz realized.. many peepz r such a user..
to all affected with this have a lil delicadeza..remove
my works from ur site... u r selfish ... who knows how to get
but never know how to give.. puro sarili inintindi nyo!!
 

#98  2008-07-11 10:48:51

gratitude1
» Promoter
gratitude1's display avatar
› The Scandalers
Registered: 2008-02-09
Posts: 1639
Reputation: 167

Re: pure css- box positioning updated

ohh~! :o

nice ate switpopato

tnx for sharin! ;)


--You, Change Your Mind
Like A Girl, Changes Clothes
Yeah, You PMS, Like B*thc
I Would Know

ENTER MY ~> FS
 

#99  2008-07-11 10:51:28

-hopeless-.:romantic:.
» FriendsterNewbie
-hopeless-.:romantic:.'s display avatar
› Rockstars
Registered: 2008-03-11
Posts: 57
Last visit: 2008-11-01
Reputation: ~

Re: pure css- box positioning updated

oye its like overlay!

-Offline-
 

#100  2008-07-12 01:28:08

bhea_jean
» FriendsterFreak
bhea_jean's display avatar
› my HEART is yours
› Alchemy Explicit AE
Location: cavite
Registered: 2007-02-18
Posts: 1635
Last visit: 2008-09-09
Reputation: 64

Re: pure css- box positioning updated

thanks for this cz muwahx!! :D


FRAILED WINGS

-Offline-
 

 

Pages: 1 … 3 4 5 6 7 … 11

Search Friendstertalk

Board footer

FriendsterTalk is not affiliated with Friendster.com
Copyright © 2002–2008 PunBB

[ 31 queries - 0.782 second ]

Pay Per Click Ads by pay per click advertising by Kontera

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. =)