HomeHome  portal1portal1  GalleryGallery  SearchSearch  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 topicView next topicGo down
Author Message
switpotato
Activated
avatar


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



PostSubject: 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
Arrow http://profiles.friendster.com/65084445
ss:


or like this one ...
Arrow 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://illiweb.com/fa/pbucket.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 topGo down
View user profile
FriendsterAddictz
Administrator
avatar

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



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

ohh tnx for posting ate nix!
_________________

creativity is art.
my friendster profile [i][url]http://www.friendster.com/joychristian
Back to topGo down
View user profile
F.A. Lady Admin
Administrator


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



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

[dumugo ung ilong ko]
Back to topGo down
View user profile
Forum Admin Inwe
Administrator
avatar

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



PostSubject: 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
_________________

- General Forum Rules
- Layout and Graphics Rules
- Announcements
Back to topGo down
View user profile
nimiel
Junior Member
avatar

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



PostSubject: 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 :)
Back to topGo down
View user profile
][JOIE][
Promoter
avatar

Female
Age : 26 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



PostSubject: 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...
Back to topGo down
View user profile
AngelOfDeath
Junior Member
avatar

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



PostSubject: 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!
Back to topGo down
View user profile
nimiel
Junior Member
avatar

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



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

she is a moderator :)
so keep it up :!:
Back to topGo down
View user profile
jObeLLe
Senior Member
Senior Member
avatar

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



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

tnx 4 sharin
Back to topGo down
View user profile
mc_dlp13
Promoter
avatar

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



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

thank you thank you
galing hahhahahhaha
Back to topGo down
View user profile
Sponsored content








PostSubject: Re: Box Positioning using css codes IE only

Back to topGo down

Box Positioning using css codes IE only

View previous topicView next topicBack 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 -