Results 1 to 8 of 8

Thread: css jquery

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Registered User Miroslav21's Avatar
    Join Date: Feb:2012
    Location: Ruse
    Posts: 10

    css jquery

    , worpess. , .

    css, , div css.

    jquery css, , , .

    :
    HTML Code:
    <!DOCTYPE html>
    <html>
    <head>
      <link rel="stylesheet" type="text/css" href="http://developer.yahoo.com/yui/build/reset/reset.css">
      <style>
    	a {
    		color: red;
    	}
    	li {
    		border: 1px solid red;
    		list-style: none;
    		width: 300px;
    		margin: 20px;
    		padding: 5px;
    	}
    	li:hover{
    		background: #e1e1e1;
    		color: green;
    	}
      </style>
      <script src="http://code.jquery.com/jquery-latest.js"></script>
    </head>
    <body>
    <ul class="popular">
    	<li><a href="#">Link 1</a>
    	<p>Link tekst</p>
    	</li>
    	<li><a href="#">Link 1</a>
    	<p>Link tekst</p>
    	</li>
    	<li><a href="#">Link 1</a>
    	<p>Link tekst</p>
    	</li>
    	<li><a href="#">Link 1</a>
    	<p>Link tekst</p>
    	</li>
    	<li><a href="#">Link 1</a>
    	<p>Link tekst</p>
    	</li>
    </ul>
    <script>
    
      $("li").mouseover(function () {
        $("a").css("color","green");
      });
      $("li").mouseout(function () {
        $("a").css("color","red");
      });
    
    </script>
    </body>
    </html>
    E :
    http://cssproblem.hit.bg/
    , , jquery .
    Last edited by Miroslav21; 24th May 2012 at 20:20.

  2. #2

    Join Date: Apr:2006
    Location:
    Posts: 8,666
    css yahoo ( #4)
    .

  3. #3
    Registered User Miroslav21's Avatar
    Join Date: Feb:2012
    Location: Ruse
    Posts: 10
    reset css , .

  4. #4

    Join Date: Apr:2006
    Location:
    Posts: 8,666
    HTML Code:
    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <meta charset="UTF-8" />
    <meta name="description" content="CSS Porn" />
    <head>
    <style type="text/css">
    
    body
    {
      background: #000000;
      color: #ffffff;
      min-width: 960px;
      /*margin-left: 0px;*/
    }
    
    a
    {
      color: red;
    }
    
    ul
    {
      margin: 0px;
      padding: 0px;
      list-style-type: none;
      list-style-position: outside;
    }
    
    li
    {
      border: 1px solid red;
      width: 300px;
      margin-left: 0px;
      margin-bottom: 20px;
      padding: 5px;
      list-style-type: none;
    }
    
    li:hover
    {
      background: #e1e1e1;
      color: green;
    }
    
    </style>
    </head>
    
    <body>
    
    <ul>
    <li><a href="#">Link 1</a><p>Link tekst</p></li>
    <li><a href="#">Link 1</a><p>Link tekst</p></li>
    <li><a href="#">Link 1</a><p>Link tekst</p></li>
    <li><a href="#">Link 1</a><p>Link tekst</p></li>
    <li><a href="#">Link 1</a><p>Link tekst</p></li>
    </ul>
    
    </body>
    
    </html>
    .
    <div> tag :
    HTML Code:
    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <meta charset="UTF-8" />
    <meta name="description" content="CSS Porn" />
    <head>
    <style type="text/css">
    
    body
    {
      background: #000000;
      color: #ffffff;
      min-width: 960px;
      /*margin-left: 0px;*/
    }
    
    a
    {
      color: red;
    }
    
    ul
    {
      margin: 0px;
      padding: 0px;
      list-style-type: none;
      list-style-position: outside;
    }
    
    li
    {
      border: 1px solid red;
      width: 300px;
      margin-left: 0px;
      margin-bottom: 20px;
      padding: 5px;
      list-style-type: none;
    }
    
    li:hover
    {
      background: #e1e1e1;
      color: green;
    }
    
    #linktest a
    {
      border: 1px solid red;
      width: 300px;
      margin-left: 0px;
      margin-bottom: 1px;
      padding: 5px;
      display: block;
      text-align: center;
      text-decoration: none; 
    }
    
    #linktest a:hover
    {
      border: 1px solid green;
      color: #00ff00;
      background: darkgray;   
    }
    
    </style>
    </head>
    
    <body>
    
    <ul>
    <li><a href="#">Link 1</a><p>Link tekst</p></li>
    <li><a href="#">Link 1</a><p>Link tekst</p></li>
    <li><a href="#">Link 1</a><p>Link tekst</p></li>
    <li><a href="#">Link 1</a><p>Link tekst</p></li>
    <li><a href="#">Link 1</a><p>Link tekst</p></li>
    </ul>
    
    <div id="linktest">
    <a href="#">Link 1</a>
    <a href="#">Link 1</a>
    <a href="#">Link 1</a>
    <a href="#">Link 1</a>
    <a href="#">Link 1</a>
    </div>
    
    </body>
    
    </html>
    Last edited by smelkomar; 24th May 2012 at 22:30.

  5. #5
    Registered User Miroslav21's Avatar
    Join Date: Feb:2012
    Location: Ruse
    Posts: 10
    smelkomar, , :
    HTML Code:
    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <meta charset="UTF-8" />
    <meta name="description" content="CSS Porn" />
    <head>
    <style type="text/css">
    
    body
    {
      background: #000000;
      color: #ffffff;
      min-width: 960px;
      /*margin-left: 0px;*/
    }
    
    a
    {
      color: red;
    }
    
    ul
    {
      margin: 0px;
      padding: 0px;
      list-style-type: none;
      list-style-position: outside;
    }
    
    li
    {
      border: 1px solid red;
      width: 310px;
      list-style-type: none;
    }
    
    li:hover
    {
      background: #e1e1e1;
      color: green;
    }
    
    #linktest a
    {
      border: 1px solid red;
      width: 300px;
      margin-left: 0px;
      margin-bottom: 1px;
      padding: 5px;
      display: block;
      text-align: center;
      text-decoration: none; 
    }
    
    #linktest a:hover
    {
      border: 1px solid green;
      color: #00ff00;
      background: darkgray;   
    }
    
    </style>
    </head>
    
    <body>
    
    <div id="linktest">
    	<ul>
    <li><a href="#">Link 1<p>Link tekst</p></a></li>
    <li><a href="#">Link 1<p>Link tekst</p></a></li>
    <li><a href="#">Link 1<p>Link tekst</p></a></li>
    <li><a href="#">Link 1<p>Link tekst</p></a></li>
    <li><a href="#">Link 1<p>Link tekst</p></a></li>
    	</ul>
    </div>
    
    </body>
    
    </html>
    :
    HTML Code:
    	<ul>
    <li><a href="#">Link 1</a>
    <p>Link tekst</p>
    </li>
    <li><a href="#">Link 1</a>
    <p>Link tekst</p>
    </li>
    	</ul>
    javascript, worpress , .

  6. #6

    Join Date: Apr:2006
    Location:
    Posts: 8,666
    <p>Link tekst</p> ?
    - document.getElementByid('a').innerHTML = 'blablabla', a , - <p id="a">.
    .

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Copyright © 1999-2011 . .
iskamPC.com | mobility.BG | Bloody's Techblog | | 3D Vision Blog |