friendsterTalk - Friendster Forum

Welcome guest! Please Login or Register.

Pages: 1 … 3 4 5 6 7 … 11

Cascading Style Sheets
» pure css- box positioning updated

#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: ^{Lalalabss (:}; » FriendsterAgent; › ^ Lols.; › Mga Masayahing Pinoy!; Location: Southpoint, CX; Registered: 2008-04-14; Posts: 2237; Reputation: 131; Friendster

Re: pure css- box positioning updated

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

XX | MMP + KLG = Love!♥ | Flixster | Friendster

MMP ang pinaka da best group EVAH!

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

kp_34: ^karen; » FriendsterTalker; › >>meeooowwww; Location: manila; Registered: 2007-07-10; Posts: 130; Last visit: 2009-01-06; 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: ^{zxeriray :]]}; » FriendsterManiac; › so perfect..; › Alchemy Explicit AE; Location: sa puso nea lng.; Registered: 2007-12-29; Posts: 945; Last visit: 2009-01-06; Reputation: 60; Friendster

Re: pure css- box positioning updated

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

swear eber you and me together pureber :]]

xsweet16 creations. xfsprofile. xlayout request. xblog.

-Offline-

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

eehjhay: ^eehjhay; » Retired Moderator; › What can I put in here?; › Class X; Location: Liverpool NSW AU; Registered: 2007-02-13; Posts: 4633; Last visit: Today; Reputation: 131; 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?

-Offline-

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

aRies04991: ^{Nikko Feliz}; » Retired Moderator; › Ilabas ang kulit!; › The Scandalers; Location: Already gone.; Registered: 2006-10-01; Posts: 8737; Last visit: 2008-12-14; 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: ^.M.O.N.I.X.; » FriendsterWhiz; › dcrazier dbetter bxtreme; › Class X; Location: HubbieHubbieLand; Registered: 2007-05-23; Posts: 3071; Reputation: 303

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/
theres nothing wrong at making mistakes..
whats wrong is letting it stay as a mistake without the effort of making it right

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

eehjhay: ^eehjhay; » Retired Moderator; › What can I put in here?; › Class X; Location: Liverpool NSW AU; Registered: 2007-02-13; Posts: 4633; Last visit: Today; Reputation: 131; 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

-Offline-

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

cassiopeia: ^{zxeriray :]]}; » FriendsterManiac; › so perfect..; › Alchemy Explicit AE; Location: sa puso nea lng.; Registered: 2007-12-29; Posts: 945; Last visit: 2009-01-06; Reputation: 60; 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)

swear eber you and me together pureber :]]

xsweet16 creations. xfsprofile. xlayout request. xblog.

-Offline-

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

switpotato: ^.M.O.N.I.X.; » FriendsterWhiz; › dcrazier dbetter bxtreme; › Class X; Location: HubbieHubbieLand; Registered: 2007-05-23; Posts: 3071; Reputation: 303

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/
theres nothing wrong at making mistakes..
whats wrong is letting it stay as a mistake without the effort of making it right

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

cassiopeia: ^{zxeriray :]]}; » FriendsterManiac; › so perfect..; › Alchemy Explicit AE; Location: sa puso nea lng.; Registered: 2007-12-29; Posts: 945; Last visit: 2009-01-06; Reputation: 60; 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.

swear eber you and me together pureber :]]

xsweet16 creations. xfsprofile. xlayout request. xblog.

-Offline-

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

switpotato: ^.M.O.N.I.X.; » FriendsterWhiz; › dcrazier dbetter bxtreme; › Class X; Location: HubbieHubbieLand; Registered: 2007-05-23; Posts: 3071; Reputation: 303

Re: pure css- box positioning updated

first post updated as requested by ej lol

my official site>> http://switpotato.ucoz.com/
theres nothing wrong at making mistakes..
whats wrong is letting it stay as a mistake without the effort of making it right

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

angelalaine: ^{Ye Yo Ya}; » Promoter; › Uber; Registered: 2007-07-20; Posts: 1862; Reputation: 147; Friendster

Re: pure css- box positioning updated

Thanks for this tricks
and of course with your help.

I really enjoyed playing with the codes

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

switpotato: ^.M.O.N.I.X.; » FriendsterWhiz; › dcrazier dbetter bxtreme; › Class X; Location: HubbieHubbieLand; Registered: 2007-05-23; Posts: 3071; Reputation: 303

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/
theres nothing wrong at making mistakes..
whats wrong is letting it stay as a mistake without the effort of making it right

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

triciapink29: ^♥Tricia♥; » Promoter; › ok.fine. whatever you say; Location: PilipinasAustralia; Registered: 2008-04-01; Posts: 3350; Reputation: 206; Friendster

Re: pure css- box positioning updated

A lil bit hard
hehe

im gonna try and try it
thanks for this siz monix?

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

cassiopeia: ^{zxeriray :]]}; » FriendsterManiac; › so perfect..; › Alchemy Explicit AE; Location: sa puso nea lng.; Registered: 2007-12-29; Posts: 945; Last visit: 2009-01-06; Reputation: 60; Friendster

Re: pure css- box positioning updated

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

swear eber you and me together pureber :]]

xsweet16 creations. xfsprofile. xlayout request. xblog.

-Offline-

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

switpotato: ^.M.O.N.I.X.; » FriendsterWhiz; › dcrazier dbetter bxtreme; › Class X; Location: HubbieHubbieLand; Registered: 2007-05-23; Posts: 3071; Reputation: 303

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/
theres nothing wrong at making mistakes..
whats wrong is letting it stay as a mistake without the effort of making it right

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

gratitude1: ^{Badtz x)}; » Promoter; › The Scandalers; Registered: 2008-02-09; Posts: 2577; Reputation: 387

Re: pure css- box positioning updated

ohh~!

nice ate switpopato

tnx for sharin!

Share Your Blessing

Profile | Bahay Kubo | TS-Banner [x

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

-hopeless-.:romantic:.: » FriendsterNewbie; › Rockstars; Registered: 2008-03-11; Posts: 57; Last visit: Yesterday; Reputation: ~

Re: pure css- box positioning updated

oye its like overlay!

-Offline-

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

bhea_jean: » FriendsterFreak; › hoT'N'cOLd; › Alchemy Explicit AE; Location: etivac; Registered: 2007-02-18; Posts: 1651; Last visit: 2008-12-28; Reputation: 66

Re: pure css- box positioning updated

thanks for this cz muwahx!!

FRAILED WINGS

-Offline-

Pages: 1 … 3 4 5 6 7 … 11

Cascading Style Sheets
» pure css- box positioning updated

Search Friendstertalk

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

Board footer

[ 11 queries - 0.052 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. =)