|
Box Positioning using css codes IE only |
|
|
|
Author |
Message |
switpotato
Activated
Age :
Registration date : 2008-03-17
Number of posts : 24
Location :
Character sheet Tagline: Proud Member
|
Subject: Box Positioning using css codes IE only Mon Mar 31, 2008 2:00 pm |
|
|
- Quote :
- i was able to make it work in firefox but havent perfected it yet..
http://profiles.friendster.com/65491306 for those who wish to experiment with this idea and make it workable for firefox users feel free to do so..
the trick is so simple.. just adjust the value i gave thats it... u can make it sideway style http://profiles.friendster.com/65084445 ss:
or like this one ... http://profiles.friendster.com/65249727 ss:
or anything ur mind can gasp
- Quote :
- /*coded and designed by-switpotato*/
/* box positioning css*/ #navigation{width:900!important;} body{overflow-x: hidden} #footer_container { padding:770px 0 10px 0;}
.photos{width:180!important;height:474!important : overflow:auto;position: absolute;top:80!important} #content_1{padding-left:6;} .reviews{position: absolute;height:355! important;width:180!important;top:575!important;overflow:auto}
#0{position: absolute; left :214!important;height:325! important;top:280!important;width:540!important;overflow:auto} #6{position: absolute; left:214;top:615; width:540; height:250;overflow:auto} #18{position: absolute; left :214!important;height:250! important;top:875!important;width:540!important;overflow:auto;margin-bottom:10!important}
#2{position: absolute; left :760!important;height:404; overflow:auto; width:180!important ;top:80!important} #content_2(padding-top:5;padding-left:7!important} #8{top:500! important;position: absolute; left :760!important;height:250; overflow:auto; width:180!important ;} thats the main codes...
the rest are just ordinary tweaking codes we usually use.. - Code:
-
/*banner*/ #navigation { margin:20px 0 5px 0; padding:200px 0 0 0; background-image: url(http://h1.badwaresite.www/mon1x/doll/crazylove.gif); background-attachment: scroll; background-repeat: no-repeat; background-position: top left;margin-left:187; background-color: transparent;}
/*hiding codes*/ #search {display:none;background:transparent;} #search form {display:none;background:transparent;} #marketing_bg{display:none;background:transparent;} #mainnav .left {display:none;} #navdivider {display:none;background:transparent;} #shimrow{ DISPLAY:NONE!IMPORTANT) #14{display:none;background:transparent;} #15{display:none;background:transparent;} #13{ display:none! important;} #10 { display:none! important;} #7{display:none!important;} #adfactory4,#adfactory3,#adfactory2,#adfactory1{display:none! important} a.more {display:none! important} .user_tracker{display:none;} #f_logo {display:none! important} .banner_ad_fix {display:none!important;} #subnav_search(display:none!important) #banneradrow{display:none! important} #navLang{display:none! important} /*ephemeral ad hiding code*/ #14 iframe {display:none!important}
/*mainnav codes*/ /*primary*/ #mainnav{margin: 0 0px;background:transparent! important;border: transparent!important; width: 800px !important;text-align: center !important; } #mainnav span, #mainnav_left, #mainnav_right {display:none;} #mainnav ul li ul li.sublink_top {border-top: 0px none transparent!important;} #mainnav ul li ul li{display: list-item;float: none;border-bottom: 0px none transparent;background-color: tranparent!important;} .primary_links { margin-left: 0px !important; } .secondary_links {display:none}
#mainnav a {border: 3 outset #CCCCCC; margin: 0 2 0 2; font:10; text-decoration:none! important;color:#FFFFFF! important;background:#000000! important; } #mainnav a:hover {border:3 inset #CCCCCC; background:#333333; color:#ffFFFF! important;}
/*treemenu*/ #mainnav .mainfoldericon{ background: url()! important;background-attachment: fixed; background-repeat: repeat!important; background-position: top center; background-color: #000000!important;color:#FFFFFF!important;}
/*sublink drop down menu*/ #mainnav ul li ul{ left: 0; position: absolute; top: 1px;display: block; visibility: hidden; background-color: transparent! important; background-image: url()!important;} } for js part i dont use add box script ...i use my group and review box and apply change_content script instead and since i change the content i uses change header name as well...
for my js i did the ff: change content i use shirow technique - Code:
-
//change review content document.getElementById("content_12").innerHTML="<br><div align='center' id='cboxdiv'><iframe frameborder='0' width='158' height='210' src='http://www2.cbox.ws/box/?boxid=1000004&boxtag=g2p22y&sec=main' marginheight='2' marginwidth='2' scrolling='auto' allowtransparency='yes' name='cboxmain' style='border:#000000 1px solid;' id='cboxmain'></iframe><br/><iframe frameborder='0' width='158' height='75' src='http://www2.cbox.ws/box/?boxid=1000004&boxtag=g2p22y&sec=form' marginheight='2' marginwidth='2' scrolling='no' allowtransparency='yes' name='cboxform' style='border:#000000 1px solid;border-top:0px' id='cboxform'></iframe></div><br>";
for header since my old codes aint working ..i use feruzz script - Code:
-
//REPLACE HEADER NAMES if (!attachOnLoadHandler(function() { REPLACEIT.init(); })) window.onload = function() { REPLACEIT.init(); };
if (typeof REPLACEIT == "undefined" || !REPLACEIT) { REPLACEIT = {}; } REPLACEIT = { head: [],
init: function() {
//Reviews Box Header REPLACEIT.head = REPLACEIT.getModuleByClassName(/reviews/i)[0].getElementsByTagName("h2")[0]; REPLACEIT.head.innerHTML = "My Chatbox";
//Groups Box Header REPLACEIT.head = REPLACEIT.getModuleByClassName(/groups/i)[0].getElementsByTagName("h2")[0]; REPLACEIT.head.innerHTML = "emoniX-FILe"; },
getModuleByClassName: function(sClass) { var elm = []; var els = document.getElementsByTagName("*") || document.all; for (var j=0,k=els.length;j<k;j++) { if (new RegExp(sClass).test(els[j].className))elm.push(els[j]); } return elm; } }; for my group: - Code:
-
//change group content document.getElementById("content_8").innerHTML="<br><div align='center'> This is only experimental concept<br> you are all free to use this. <br> If you dont like it <br> shrug ur head and turn ur head back.. <br> mind your words in commenting. <br> Im not begging you to use this.<br>Read my lips <br>FOR IE USERS ONLY<br><br> designed by: <br><img src='http://i147.photobucket.com/albums/r299/switpotato/button.gif'></div>"; and since this is intended for IE only i included this codes block fx user source mr.deville - Code:
-
var n=navigator.appName var ns=(n=="Netscape") var ie=(n=="Microsoft Internet Explorer") if (ns){ alert("Sorry " +pageViewerFName+ ", this page can only be viewed properly with Internet Explorer. Please try again with an Internet Explorer browser. Thank you!"); window.location=("http://www.friendster.com/"); }
thats it....enjoy |
|
|
|
FriendsterAddictz
Administrator
Age : 30
Registration date : 2008-03-07
Number of posts : 1081
Location : ...somewhere there...
Character sheet Tagline: Proud Member
|
Subject: Re: Box Positioning using css codes IE only Tue Apr 01, 2008 9:28 pm |
|
|
ohh tnx for posting ate nix! |
|
|
|
F.A. Lady Admin
Administrator
Age : 29
Registration date : 2008-03-07
Number of posts : 444
Location :
Character sheet Tagline: Proud Member
|
Subject: Re: Box Positioning using css codes IE only Thu Apr 03, 2008 5:38 pm |
|
|
[dumugo ung ilong ko] |
|
|
|
Forum Admin Inwe
Administrator
Age : 35
Registration date : 2008-04-26
Number of posts : 458
Location :
Character sheet Tagline: Respect is EARNED not FORCED
|
Subject: Re: Box Positioning using css codes IE only Sat Apr 26, 2008 8:43 pm |
|
|
gash dito ko Lang paLa mahahanap uLit toh ahehe... saLamat ate nix |
|
|
|
nimiel
Junior Member
Age : 29
Registration date : 2008-03-09
Number of posts : 186
Location : Universe
Character sheet Tagline: Proud Member
|
Subject: Re: Box Positioning using css codes IE only Sat Apr 26, 2008 8:47 pm |
|
|
hmm.. thanks.. I like this better than a one column profile :) |
|
|
|
][JOIE][
Promoter
Age : 31
Registration date : 2008-04-26
Number of posts : 878
Location : a place where everybody is welcome
Character sheet Tagline: be friendly and dont panic xp
|
Subject: Re: Box Positioning using css codes IE only Sun Apr 27, 2008 5:04 pm |
|
|
eto talga ung isang buwan ko na hinahanap...tnx ate swit ala ka katulad... |
|
|
|
AngelOfDeath
Junior Member
Age : 33
Registration date : 2008-04-27
Number of posts : 148
Location : Philippines
Character sheet Tagline: Proud Member
|
Subject: Re: Box Positioning using css codes IE only Tue Apr 29, 2008 8:06 am |
|
|
dugo na ilong ko **nosebleed** aguy! ahahahah
galeng kamote ^_^ apir! |
|
|
|
nimiel
Junior Member
Age : 29
Registration date : 2008-03-09
Number of posts : 186
Location : Universe
Character sheet Tagline: Proud Member
|
Subject: Re: Box Positioning using css codes IE only Tue Apr 29, 2008 8:14 am |
|
|
she is a moderator :) so keep it up :!: |
|
|
|
jObeLLe
Senior Member
Age : 28
Registration date : 2008-04-28
Number of posts : 268
Location : Philippines
Character sheet Tagline: Proud Member
|
Subject: Re: Box Positioning using css codes IE only Fri May 09, 2008 11:37 am |
|
|
tnx 4 sharin |
|
|
|
mc_dlp13
Promoter
Age : 33
Registration date : 2008-08-05
Number of posts : 210
Location : LoS aNgeLes , caLi
|
Subject: Re: Box Positioning using css codes IE only Tue Aug 05, 2008 3:21 am |
|
|
thank you thank you galing hahhahahhaha |
|
|
|
Sponsored content
|
Subject: Re: Box Positioning using css codes IE only |
|
|
|
|
|
|
|
Box Positioning using css codes IE only |
|
|