/    Sign up×
Community /Pin to ProfileBookmark

image auto resizing

can anyone help me with this code, i dnt know where to modify this so that it auto resizes the background image to the users current screen resolution.

Heres the code:

  • <a href=”http://www.xanga.com”>xanga</a> –
    <a href=”http://www.xanga.com/signin.aspx”>log on</a> –
    <a href=”http://www.xanga.com/CLAF/default.asp”>edit</a> –
    <a href=”http://www.xanga.com/private”>yours</a> –

    <a href=”http://www.xanga.com/profile.aspx?user=jkho”>about me</a> –
    <a href=”http://www.xanga.com/private/subscriptions.aspx”>subscriptions</a> –
    <a href=”http://www.xanga.com/private/Subscribeto.aspx?user=jkho”>add me</a>


  • <a href=”http://www.xanga.com/logout.aspx”>log off</a> –
  • <div align=left><div style=”position: center; width: 470px; height: 450px; overflow: auto; height:500px; BACKGROUND-

    COLOR: #F58152; FILTER: alpha(opacity=45); border: yellow; margin-right=400px”>

    <style type=”text/css”>
    /*
    Footer Remover – xanga.com/add_ons
    *
    /
    table.footer, table.footernav {display: none;};
    </style>

    <style type=text/css>
    texttable.left, td.mainleft, table.left, table.navigation, table.search{display:none}
    table.blogbody tr td {width:0px; padding: 0px;}
    </style>

    <!– Custom Colored Scrollbars : blogring–>
    <style type=”text/css”>
    <!–
    BODY {
    background-image: url([url]http://www.lucianaariyoshi.hpg.ig.com.br/wallpapers/doasinfinity01.jpg[/url]);
    background-repeat: no-repeat;
    background-position: bottom right;
    scrollbar-face-color: FFFFF;
    scrollbar-shadow-color: white;
    scrollbar-highlight-color: white;
    scrollbar-3dlight-color: 000000;
    scrollbar-darkshadow-color: 000000;
    scrollbar-track-color: black;
    scrollbar-arrow-color: solid gray;
    –>
    </style>
    <!– End Script: blogring–>

    <style type=”text/css”>
    /* Jang Nara Stylesheet */
    /* by Angela (xanga.com/ibcykoei) */
    /* [url]http://blogring[/url] */

    div.blogheader, .caption {
    /* edits the dates */
    font-family:arial;
    text-transform:uppercase;
    font-size:12px;
    line-height:10px;
    font-weight:bold;
    color:#000000;
    letter-spacing:0px;
    background-color: F58152;
    text-align: center;
    }

    a:link, .footernav.link, a.footernav:link, a.footernav:active {
    /* edits all links */
    color:#F58152;
    text-decoration: none;
    }

    a:visited, a.footernav:visited, {
    /* edits the links that the user has visited */
    color:#F58152;
    text-decoration: none;
    }

    a:hover {
    /* edits when user mouseovers the links */
    color:#C0C0C0;
    cursor: crosshair;
    text-decoration: none;
    }

    input, select, textarea, .textfield, .button {
    /* this edits the buttons, dropdowns, etc. */
    border: 1px gray;
    font:normal 11px arial;
    background-color: #FFFFFF;
    letter-spacing:0px;
    color: black;
    }

    table.blogbody {
    /* this edits the other the place where the blog is */
    border: 0px solid white;
    background-color: #000000;
    width:300px;
    }

    </style>

    thanx in advance!

    to post a comment
    JavaScript

    4 Comments(s)

    Copy linkTweet thisAlerts:
    @MurdzJun 04.2004 — as far as I know, it is impossible to resize a background image.

    If you want to do something along these lines I suggest inserting a normal image with the following properties:

    [CODE]
    <img src="images/whatever.gif" style="z-index: -1;" name="bgimage" />
    [/CODE]


    and then with your javascript:

    [CODE]
    document.images.bgimage.width = screen.width;
    [/CODE]


    note the above is a simplified guide to resolution sniffing, if you want a full one thats easily enough done also.
    Copy linkTweet thisAlerts:
    @FangJun 04.2004 — See this [URL=http://www.webdeveloper.com/forum/showthread.php?s=&threadid=34474&highlight=background+image]thread[/URL]

    BTY not all browsers handle negative z-index correctly.
    Copy linkTweet thisAlerts:
    @MurdzJun 04.2004 — huh, so noted. so use +1 z-index for everything else but check out Fang's link j san.
    Copy linkTweet thisAlerts:
    @j_sanauthorJun 04.2004 — [URL=http://javascript.internet.com/bgeffects/full-size-image.html]javascript fot auto size image[/URL] : Well this is the javascript i want to use and i was wondering how i can integrate it into the code i posted earlier. Thanx agen in advance!
    ×

    Success!

    Help @j_san spread the word by sharing this article on Twitter...

    Tweet This
    Sign in
    Forgot password?
    Sign in with TwitchSign in with GithubCreate Account
    about: ({
    version: 0.1.9 BETA 5.19,
    whats_new: community page,
    up_next: more Davinci•003 tasks,
    coming_soon: events calendar,
    social: @webDeveloperHQ
    });

    legal: ({
    terms: of use,
    privacy: policy
    });
    changelog: (
    version: 0.1.9,
    notes: added community page

    version: 0.1.8,
    notes: added Davinci•003

    version: 0.1.7,
    notes: upvote answers to bounties

    version: 0.1.6,
    notes: article editor refresh
    )...
    recent_tips: (
    tipper: @AriseFacilitySolutions09,
    tipped: article
    amount: 1000 SATS,

    tipper: @Yussuf4331,
    tipped: article
    amount: 1000 SATS,

    tipper: @darkwebsites540,
    tipped: article
    amount: 10 SATS,
    )...