FriendsterAddictz
Would you like to react to this message? Create an account in a few clicks or log in to continue.



 
HomeHome  portal1portal1  GalleryGallery  SearchSearch  Latest imagesLatest images  Link Rotation  Donate  RegisterRegister  Log inLog in  


Global Announcement

FriendsterAddictz Forum is on-search for Moderators. For more information, click THIS.
Please promote FriendsterAddictz Forum.


 

Box Positioning using css codes IE only

View previous topic View next topic Go down 
Author Message
switpotato
Activated
switpotato


Age : Registration date : 2008-03-17 Number of posts : 24 Location :
Character sheet
Tagline: Proud Member



Box Positioning using css codes IE only Vide
PostSubject: Box Positioning using css codes IE only   Box Positioning using css codes IE only Icon_minitimeMon 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
Arrow http://profiles.friendster.com/65084445
ss:
Box Positioning using css codes IE only Mengggggoy2

or like this one ...
Arrow http://profiles.friendster.com/65249727
ss:
Box Positioning using css codes IE only Crazylovepic


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
Back to top Go down
FriendsterAddictz
Administrator
FriendsterAddictz

Male
Age : 30 Registration date : 2008-03-07 Number of posts : 1081 Location : ...somewhere there...
Character sheet
Tagline: Proud Member



Box Positioning using css codes IE only Vide
PostSubject: Re: Box Positioning using css codes IE only   Box Positioning using css codes IE only Icon_minitimeTue Apr 01, 2008 9:28 pm

ohh tnx for posting ate nix!
Back to top Go down
F.A. Lady Admin
Administrator
avatar

Female
Age : 29 Registration date : 2008-03-07 Number of posts : 444 Location :
Character sheet
Tagline: Proud Member



Box Positioning using css codes IE only Vide
PostSubject: Re: Box Positioning using css codes IE only   Box Positioning using css codes IE only Icon_minitimeThu Apr 03, 2008 5:38 pm

[dumugo ung ilong ko]
Back to top Go down
Forum Admin Inwe
Administrator
Forum Admin Inwe

Female
Age : 35 Registration date : 2008-04-26 Number of posts : 458 Location :
Character sheet
Tagline: Respect is EARNED not FORCED



Box Positioning using css codes IE only Vide
PostSubject: Re: Box Positioning using css codes IE only   Box Positioning using css codes IE only Icon_minitimeSat Apr 26, 2008 8:43 pm

gash dito ko Lang paLa mahahanap uLit toh ahehe... saLamat ate nix
Back to top Go down
nimiel
Junior Member
nimiel

Male
Age : 29 Registration date : 2008-03-09 Number of posts : 186 Location : Universe
Character sheet
Tagline: Proud Member



Box Positioning using css codes IE only Vide
PostSubject: Re: Box Positioning using css codes IE only   Box Positioning using css codes IE only Icon_minitimeSat Apr 26, 2008 8:47 pm

hmm.. thanks..
I like this better than a one column profile :)
Back to top Go down
][JOIE][
Promoter
][JOIE][

Female
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



Box Positioning using css codes IE only Vide
PostSubject: Re: Box Positioning using css codes IE only   Box Positioning using css codes IE only Icon_minitimeSun Apr 27, 2008 5:04 pm

eto talga ung isang buwan ko na hinahanap...tnx ate swit ala ka katulad...
Back to top Go down
AngelOfDeath
Junior Member
AngelOfDeath

Male
Age : 33 Registration date : 2008-04-27 Number of posts : 148 Location : Philippines
Character sheet
Tagline: Proud Member



Box Positioning using css codes IE only Vide
PostSubject: Re: Box Positioning using css codes IE only   Box Positioning using css codes IE only Icon_minitimeTue Apr 29, 2008 8:06 am

dugo na ilong ko **nosebleed** aguy! ahahahah

galeng kamote ^_^ apir!
Back to top Go down
nimiel
Junior Member
nimiel

Male
Age : 29 Registration date : 2008-03-09 Number of posts : 186 Location : Universe
Character sheet
Tagline: Proud Member



Box Positioning using css codes IE only Vide
PostSubject: Re: Box Positioning using css codes IE only   Box Positioning using css codes IE only Icon_minitimeTue Apr 29, 2008 8:14 am

she is a moderator :)
so keep it up :!:
Back to top Go down
jObeLLe
Senior Member
Senior Member
jObeLLe

Female
Age : 28 Registration date : 2008-04-28 Number of posts : 268 Location : Philippines
Character sheet
Tagline: Proud Member



Box Positioning using css codes IE only Vide
PostSubject: Re: Box Positioning using css codes IE only   Box Positioning using css codes IE only Icon_minitimeFri May 09, 2008 11:37 am

tnx 4 sharin
Back to top Go down
mc_dlp13
Promoter
mc_dlp13

Male
Age : 33 Registration date : 2008-08-05 Number of posts : 210 Location : LoS aNgeLes , caLi



Box Positioning using css codes IE only Vide
PostSubject: Re: Box Positioning using css codes IE only   Box Positioning using css codes IE only Icon_minitimeTue Aug 05, 2008 3:21 am

thank you thank you
galing hahhahahhaha
Back to top Go down
Sponsored content








Box Positioning using css codes IE only Vide
PostSubject: Re: Box Positioning using css codes IE only   Box Positioning using css codes IE only Icon_minitime

Back to top Go down

Box Positioning using css codes IE only

View previous topic View next topic Back to top 
Page 1 of 1

Permissions in this forum: You cannot reply to topics in this forum
FriendsterAddictz :: FRIENDSTER SECTION :: Friendster Codes and Tutorials -