Help with Crimson's website

    Share
    avatar
    Zakkusu
    Corporal
    Corporal

    Number of posts : 3
    Age : 23
    Location : Barton-upon-Humber, Thats one of the first places that was invaded by the Saxons ;)
    Registration date : 2009-11-19

    Roleplay
    Guild:
    Class: No Class
    Disposition:

    Help with Crimson's website

    Post  Zakkusu on Sat Dec 05, 2009 10:23 am

    Code:
    <iframe src="iframes/news iframe.html" name="main" width=900 height=500>
    ----Thats the iframe for my main page (main frame)

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title><style type="text/css">
    <!--body {background-color: #CCFF66;}style3 {color: #FF0000; font-family: Arial, Helvetica, sans-serif;}
    .style4 {font-family: Arial, Helvetica, sans-serif}
    -->
    </style>
    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    <script type="text/javascript">
    <!--
    function MM_swapImgRestore() { http://v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    function MM_preloadImages() { http://v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }

    function MM_findObj(n, d) { http://v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }

    function MM_swapImage() { http://v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
      if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
    </script>
    </head>

    <body onload="MM_preloadImages('../buttons/forums rollover.jpg','../buttons/gallery roll.jpg','../buttons/portal rol.jpg','../buttons/shrine roll.jpg','../buttons/main roll.jpg','../buttons/comics roll.jpg')">
    <p class="style3">&nbsp;</p>
    <table width="152" border="0">
      <tr>
        <th width="139" scope="col"><img src="../pictures/community.jpg" alt="Community" width="107" height="90" border="0" /></th>
        <th width="10" scope="col">&nbsp;</th>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','../buttons/forums rollover.jpg',1)"><img src="../buttons/forums.jpg" name="Image2" width="136" height="35" border="0" id="Image2" /></a></td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td><a href="cOMICS PAGE.html" target="target=&quot;main&quot;" onmouseover="MM_swapImage('Image8','','../buttons/comics roll.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="../buttons/comics.jpg" name="Image8" width="136" height="35" border="0" id="Image8" /></a><a href="cOMICS PAGE.html"></a><a href="<iframe src="iframes/news iframe.html" width=900 height=500>
        </iframe>
        </a></td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','../buttons/gallery roll.jpg',1)"><img src="../buttons/gallery.jpg" name="Image4" width="136" height="35" border="0" id="Image4" /></a></td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','../buttons/portal rol.jpg',1)"><img src="../buttons/portal.jpg" name="Image5" width="136" height="35" border="0" id="Image5" /></a></td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','../buttons/shrine roll.jpg',1)"><img src="../pictures/shrine.jpg" alt="Shrine" width="107" height="90" border="0" /></a></td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','../buttons/main roll.jpg',1)"><img src="../buttons/main.jpg" name="Image7" width="136" height="35" border="0" id="Image7" /></a></td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table>
    <p class="style3">&nbsp;</p>
    </body>
    </html>
    ------thats the iframe for my buttons

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    body {
       background-color: #CCFF66;
    }
    .style1 {font-family: Arial, Helvetica, sans-serif}
    -->
    </style>
    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    </head>

    <body>
    <p>&nbsp;</p>
    <p><img src="../MANGA (ONLINE COMICS ASWELL ;))/COMICS.jpg" alt="Comics!!!" width="480" height="302" /></p>
    <p><span class="style1">Latest Comics:</span></p>
    <p><img src="../MANGA (ONLINE COMICS ASWELL ;))/MHO INTRO.jpg" alt="mho" width="500" height="500" /></p>
    <p>&nbsp;</p>
    <p><span class="style1">Monster Hunter:Orage</span></p>
    <p><img src="../MANGA (ONLINE COMICS ASWELL ;))/MHO.jpg" alt="MHO" width="500 height="500" /><img src="../MANGA (ONLINE COMICS ASWELL ;))/MHO2.jpg" alt="MHO" width="500" height="500" /></p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    </body>
    </html>
    ---and thats for my comics page


    thanks dio Dio (Use capitalisation jerk, your having me help you after all)

    Admin edits:
    Added sine code tags around the pages I could find, going to edit the coding. Goddamn this shit is messy.
    Admin notes in white.
    avatar
    Dio
    Quality Guy
    Quality Guy

    Number of posts : 3606
    Age : 27
    Location : Scotland
    Registration date : 2008-07-21

    Roleplay
    Guild: Goldengate
    Class: Profiteer
    Disposition: Jerkass

    Re: Help with Crimson's website

    Post  Dio on Sat Dec 05, 2009 10:52 am

    Ok,

    1. Find an online host.
    2. Find an image host.
    3. Upload all your images to your image host.
    4. Adjust your current page to use the online versions of the images
    5. Put your pages onto your site host
    6. Post link here.
    7. ????
    8. PROFIT!
    avatar
    KingK
    Ninja Pervert
    Ninja Pervert

    Number of posts : 1276
    Age : 30
    Location : Secret
    Registration date : 2008-07-21

    Roleplay
    Guild: Sunrise
    Class: Spiritual Leader
    Disposition: Sarcastic

    Re: Help with Crimson's website

    Post  KingK on Sat Dec 05, 2009 11:05 am

    Welcome to KingK's guide on how to use <div> tags.

    First, make this
    Code:
    <div class="main">content be here</div>

    Note that it have to be inside the <body> </body> tag

    Now make a .css file also known as a stylesheet

    Name it whatever you like, and link it into your html file

    Code:
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="stylesheet_name_here.css"/>
    <title>your site's name or motto</title>
    </head>

    then open the .css file and type this

    Code:

    .main
    {
       height: 100px;
       width: 200px;
       background-color:#000;
       color: #FFF;
    }

    You now have a black square with white text that is 100 pixels high and 200 pixels wide. Example

    Note that .main is the same as the class name used in the div tag, this is how it links them together.

    You can call you classes whatever you like, aslong as they dont start with a number, you can also put <div> tags inside other <div> tags.

    <div> tags do not have visible edges unless you add borders in the css file.

    For any additional questions, make a post.


    _________________



    Sponsored content

    Re: Help with Crimson's website

    Post  Sponsored content


      Current date/time is Thu Nov 23, 2017 8:55 am