Σύνδεση  


Ευρετήριο Δ. Συζήτησης » Web design » JavaScript και Ajax
Νέο θέμα Απάντηση



Σελίδα 1 από 1 | [ 1 Δημοσίευση ]
Προηγούμενο | Επόμενο

Συγγραφέας

Μήνυμα




admin
Site Admin
Θέμα δημοσίευσης: Re: Προβλημα με JQuery
  Δημοσιεύτηκε: 18 Αύγ 2010 12:52


Άβαταρ μέλους


Χωρίς σύνδεση

Εγγραφή
20 Ιαν 2010 11:41

Δημοσιεύσεις
89

 
πως ακριβως προσπαθεις να το βαλεις ?
το δοκιμασα και δουλεψε δεν ξερω που θες να μπει :D
here is my code αν και το αρχικο html εδινε error στην γραμμη 253...

Κώδικας:
    <!DOCTYPE HTML>
    <head>
    <title>Cribble</title>
    <!-- this is the section where i explain the data, this is data about data, yeah im a dork -->

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="facebook,facebook login"
    <style type="text/css">
    body {
       font-family:Tahoma, Geneva, sans-serif;
       margin: 0;
       background-color:#333d3a;
       background-image:url(http://i46.tinypic.com/msg92.png);
    }

    .container {
       margin: 0 auto;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
       -moz-border-radius: 10px;
       background-color: #181817;
       width: 800px;
       border: 1px solid #1e1e1d;
       margin-bottom: 0px;
    }
    #outercontainer {
       background-image:url(http://i33.tinypic.com/otlm49.png);
       background-repeat:no-repeat;
       background-position: top center;
       margin: 0 auto;
    }
    .logo {
       margin: 0 auto;
       height: 108px;
       width: 800px;
    }
    .navbar {
       font-size:12px;
       font-family:Tahoma, Geneva, sans-serif;
       background-image: url(http://i34.tinypic.com/2utqkwo.png);
       background-repeat: no-repeat;
    padding-top: 12px;
    padding-bottom: 12px;
    height: 57px;
    }
    .navbar a:link{
       color:#FFF;
    }
    .navbar a:hover {
       color: #FF0;
    }
    a:link {
       text-decoration: none;
       color: #E80520;
    }
    a:visited {
       text-decoration: none;
       color: #E80520;
    }
    a:hover {
       text-decoration: underline;
       color: #FF001E;
    }
    a:active {
       text-decoration: none;
       color: #E80520;
    }
    ul {

    }
    li {   
       padding-left: 25px;
       display:inline;
    }
    .subnav {
       background-position:bottom center;
       text-align:right;
       font-size:11px;
       padding-right: 5px;
       height: 26px;
       padding-top: 6px;
       background-image: url(http://i37.tinypic.com/hv4bnm.png);
       background-repeat: no-repeat;
    }
    .holder {
       padding: 10px;
    }
    .news {
       font-family:Tahoma, Geneva, sans-serif;
       
       font-size:12px;
       color: #cbcbca;
       background-image:url(http://i39.servimg.com/u/f39/13/39/63/42/rr5xt110.png);
       background-repeat:repeat-y;
       width: 571px;
    }
    .newstitle {
       padding-left: 50px;
       background-image: url(http://i39.servimg.com/u/f39/13/39/63/42/rr5xt110.png);
       background-repeat: no-repeat;
       height: 23px;
       font-family: Tahoma, Geneva, sans-serif;
       font-size: 14px;
       font-weight: bolder;
       color: #FC0;
       padding-top: 3px;
    }
    .content {
       padding-top: 20px;
       padding-left: 35px;
       padding-right: 10px;
       padding-bottom: 20px;
    }
    .content:hover {
       color: #fff;
    }
    .newsbottom {
       background-image: url(http://i35.tinypic.com/2ihwfnn.png);
       background-repeat: no-repeat;
       height: 43px;
       text-align: center;
       color: #E80520;
    }
    .sidebar {
       float:right;
       width: 200px;
       background-image: url(http://i39.servimg.com/u/f39/13/39/63/42/2u5ucf11.png);
       background-repeat: no-repeat;
       text-align: center;
       line-height: 28px;
       font-size: 12px;
       height: 313px;
    }
    .sidebar a:link {
    color: #999;}
    .sideheader {
       background-image: url(http://i35.tinypic.com/2echl02.png);
       background-repeat: no-repeat;
       height: 25px;   
       background-position: center;
       margin-top: 5px;
       color: #E80520;
    }
    .gallery {
       height: 200px;
       background-image: url(http://i39.servimg.com/u/f39/13/39/63/42/25ti6910.png);
       background-repeat: no-repeat;
       margin-top: 5px;
    }
    .firstfooter {
       height: 80px;
    margin-top: 10px;
    }
    #outercontainer .footer {
       text-align: right;
       font-family: Tahoma, Geneva, sans-serif;
       font-size: 11px;
       color: #D6D6D6;
       width: 800px;
       margin: 0 auto;
    }
    #outercontainer .footer:hover {
       color: #bbb;

    }
    .partner {
       width: 40px;
       float: left;
    }

    img {
    border : none;
    }

    .miniblog {
       height: 240px;
       background-image: url(http://i25.tinypic.com/25ti695.jpg);
       background-repeat: no-repeat;
       margin-top: -68px;
            padding-right: 100px;
       font-family: Tahoma, Geneva, sans-serif;
       font-size: 12px;
       color: #999;
    }

    .miniblog:hover {
       color: #fff;
    }

    .download {
    padding: 5px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-top-left-radius: 10px;
       -moz-border-radius: 10px;
    border: 1px #333 solid;
    }

    img#theimg {
      opacity: 0.6;
      -webkit-transition: opacity 0.4s ease-in-out;
      cursor:default;
      -webkit-user-select:none;
    }

    img#theimg:hover {
      opacity: 1;
    }

    </style>
    <noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">
    <!--
    function MM_swapImgRestore() { //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() { //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) { //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() { //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 language="JavaScript">
    <!--

    function changeBanner(){

    t = new Date();
    hour = t.getHours();
    if (hour >= 18 || hour < 6) {
    document.getElementById("banner").src = "http://i48.tinypic.com/11hze5v.png";
    }
    }


    //-->
    </head>
    <body onload="MM_preloadImages('fox2.png')">

    <!-- Start of Zopim Live Chat Script -->
    <script type="text/javascript">
    document.write(unescape("%3Cscript src='" + document.location.protocol +
        "//zopim.com/?00s1jch6hH2xXTJRYGsFE8z9WS7MPjH2' charset='utf-8' " +
       "type='text/javascript'%3E%3C/script%3E"));

    </script>
    <!-- End of Zopim Live Chat Script -->


    <div id="outercontainer">
    <div class="logo"> <body onLoad="changeBanner();">
    <img id="banner" src="http://i34.tinypic.com/2i0c6yq.png" title="*TestTestTest*" alt="banner" border="0" /></div>

      <div class="container"><div class="navbar"><ul>
      <li><a href="http://www.processorgraphics.tk">Home</a></li>
      <li><a href="http://greenleafgraphics.forumotion.com/Services-h3.htm">Services</a></li>
    <li><a href="http://greenleafgraphics.forumotion.com/Contact-h4.htm">Contact</a></li>

      <li><a href="   http://greenleafgraphics.forumotion.com/Portfolio-h6.htm">Portfolio</a></li>


      </ul>
      <div class="subnav">DokimiEnaDioEnaDio</div></div>
     
      <div class="holder">
      <div class="sidebar">
           <div class="sideheader"><span style="font-size:10px;">Quicklinks</span></div><a href="http://www.processorgraphics.tk">Home</a>

    <br /><a href="http://greenleafgraphics.forumotion.com/Services-h3.htm">Services</a>
      <br /><a href="link">About us</a>

      <br /><a href="http://greenleafgraphics.forumotion.com/Contact-h4.htm">Contact</a>
      <br /><a href="link">Latest News</a>
       <br /><a href="link">somelink</a>
      <br /><a href="link">somelink</a>

      <br /><a href="link">somelink</a>
      <br /><a href="link">somelink</a>

        <br /><a href="link">somelink</a>

      </div>
            <div class="news">
                    <div class="newstitle">~DokimiDokimi</div>

              <div class="content">fgifgsisifoiosfisog<br />
    <p>Toktijkadjgiajiogoiajgjgodasosgdagdogodgoji</p>
    <p>tessteteietejitejitejijeitjijie<br />

      Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit.</p>
    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
    <td><p class="download" align="center"><span style="text-align: center; font-size: 12px; text-shadow: 1px 1px 2px #000;"><a href="http://tealeafgraphics.webs.com/cribble/Cribbleorange.txt" target="_blank">Link</a> | <a href="http://tealeafgraphics.webs.com/cribble/Cribbleorange.rar" target="_blank">Link</a></p></td>

    <td><p class="download" align="center"><span style="text-align: center; font-size: 12px; text-shadow: 1px 1px 2px #000;"><a href="http://tealeafgraphics.webs.com/cribble/Cribbleblue2.txt" target="_blank">Link</a> | <a href="http://tealeafgraphics.webs.com/cribble/Cribbleblue.rar" target="_blank">Link</a></p></td>

            </div><div class="newsbottom"><div style="width: 115px;float: right; margin-right: 30px;margin-top: 10px;"><strong>Test</strong><br />
              Test</div></div></div><div class="gallery"><div class="partner"><img src="http://i81.servimg.com/u/f81/13/91/62/72/cribbl11.png" alt="partners" vspace="6" hspace="6"/></div>
                <br />
                <table width="720px" border="0" cellpadding="0" cellspacing="0">
                  <tr>

                    <td width="70%" style="border-right: 0px solid #191b1a;"><br /><a href="http://www.ego-one.com"><img src="http://i11.servimg.com/u/f11/11/91/65/81/logo_c10.png" style="border:none;-webkit-box-reflect:below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.6, transparent), to(white)); title="EgoOne" /></a></td><td>
                    <td style="font-size: 11px; line-height: 20px; text-align:center;border-left: 1px solid #313131;"><a href="http://Graphix.free-forums.biz/">Graphixx</a>

      <br /><a href="link">somelink</a>
      <br /><a href="http://advertisehighway.forumotion.com">Advertisehighway</a>
      <br /><a href="link">somelink</a>
        <br /></td>

                  </tr>
                </table>
      </div><div class="miniblog"><table border=0><tr><td align="left" width=250 height=250><img id="theimg" src="http://cdn.iconfinder.net/data/icons/oxygen/128x128/mimetypes/image-x-photo-cd.png" style="border:none;-webkit-box-reflect:below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(white)); alt="" /></td><td align="left"><span style="font-family:Georgia;"><div style="height:130px;width:450px;overflow:scroll;border:none;">
    Text</div> </span></div></div></div></td></tr><td align="left" colspan=2>&nbsp;</td></table>

    <div class="firstfooter"><a href="http://www.mozilla.com/en-US/firefox/firefox.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','http://i38.tinypic.com/qoj2o6.jpg',1)"><img src="http://i38.tinypic.com/qoj2o6.jpg" alt="firefox compatible" name="Image4"  border="0" id="Image4" align="left" hspace="15" vspace="10" title="Optimized for firefox - Upgrade your browser" /></a></div></div></div>

    <br /><p id="footer"><div class="footbody"></li><li style="display: inline;">&nbsp&nbsp;<a href="/report_abuse.forum?page=%2Fforum.htm&amp;report=1" class="copyright" rel="nofollow"></li></ul></div><br><div id="rQuotes" align="center" ></div></div></div><br><div align="center" style="font-size: 10px;">Site powered by <a href="http://www.forumotion.com" class="outbox" title="forumotion">Forumotion</a>&nbsp; & &nbsp; <a href="http://jquery.com">JQuery</a><br>Copyright 2010 |<a href="http://jalokimgraphics.com" title="Jalokim's portfolio" class="outbox">Farel </a> | EgoOne<br><strong></strong><center><img src="http://i40.tinypic.com/yfjfd.png" /></center></div></div></p>

    <script type="text/javascript">
    var _tbdef = {user: 'yourtwitterusername'};
    (function(){
    var d = document;var tbjs = d.createElement('script'); tbjs.type = 'text/javascript';
    tbjs.async = true; tbjs.src = 'http://tweetboard.com/tb.js'; var tbel = d.getElementsByTagName('head')[0];
    if(!tbel) tbel = d.getElementsByTagName('head')[0]; tbel.appendChild(tbjs);
    })();
    </script>
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
      <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

      <script>
      $(document).ready(function() {
        $("#accordion").accordion();
      });
      </script>
    </head>
    <body style="font-size:62.5%;">

    <div id="accordion">
       <h3><a href="#">Section 1</a></h3>
       <div>
          <p>
          Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
          ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
          amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
          odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
          </p>
       </div>
       <h3><a href="#">Section 2</a></h3>
       <div>
          <p>
          Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
          purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
          velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
          suscipit faucibus urna.
          </p>
       </div>
      <h3><a href="#">Section 3</a></h3>
       <div>
          <p>
          Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
          ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
          amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
          odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
          </p>
       </div>
       <h3><a href="#">Section 4</a></h3>
       <div>
          <p>
          text
       </div>
       <h3><a href="#">Section 4</a></h3>
       <div>
          <p>
          Cras dictum. Pellentesque habitant morbi tristique senectus et netus
          et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
          faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
          mauris vel est.
          </p>
          <p>
          Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
          Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
          inceptos himenaeos.
          </p>
       </div>
    </div>
    <h3><a href="#">Title</a></h3>
       <div>
          <p>
          text

         
          </p>
       </div>


    </body>
    </html>




web design forum


 


 


Νέο θέμα Απάντηση



Σελίδα 1 από 1 | [ 1 Δημοσίευση ]
Προηγούμενο | Επόμενο


Μέλη σε σύνδεση

Μέλη σε αυτή την Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 0 επισκέπτες  

Κανόνες

Δεν μπορείτε να δημοσιεύετε νέα θέματα σε αυτή τη Δ. Συζήτηση
Δεν μπορείτε να απαντάτε σε θέματα σε αυτή τη Δ. Συζήτηση
Δεν μπορείτε να επεξεργάζεστε τις δημοσιεύσεις σας σε αυτή τη Δ. Συζήτηση
Δεν μπορείτε να διαγράφετε τις δημοσιεύσεις σας σε αυτή τη Δ. Συζήτηση
Δεν μπορείτε να επισυνάπτετε αρχεία σε αυτή τη Δ. Συζήτηση


Τελευταίες δημοσιεύσεις:  Ταξινόμηση ανά  
 


Αναζήτηση για: