Jump to content

elmohack

Members
  • Posts

    43
  • Joined

  • Last visited

Posts posted by elmohack

  1. # Redirect to PHP if it exists.# e.g. example.com/foo will display the contents of example.com/foo.phpRewriteCond %{REQUEST_FILENAME} !-fRewriteCond %{REQUEST_FILENAME} !-dRewriteCond %{REQUEST_FILENAME}.php -fRewriteRule ^(.+)$ $1.php [L,QSA]

  2. The thing is , im making a product page and in the <li> there will be a product name followed by the price . When i do that the alignment isnt same anymore eg <li>green usd2</li><li>red usd4</li><li>blie usd3</li><li>grey usd5</li><li>apple usd1</li> So would you have any idea how to overcome this ?

  3. Please use attachment. My issue - When hover on tab im trying to achieve the effect that makes border bottom transparent or dissapear . To summarize. How do i remove border bottom on selected active tab? -------------------- Tab slider content with jquery.

  4. So im trying to make a nav bar . Im trying to get this effect.. when u click on the page .. the nav bar font will change color on the name of that page i am on.. I tried select or active .. active is only when im clicking on it .. but thats not what i want. an example wud be http://www.austinclassicalballet.com/directions.htm but the difference is their website when activethe star "image' will become black on the page u are on.. but for me i want the font color to change so far this are my codes .nav2 li { display: inline; list-style: none; width: auto; padding-left:10px ;padding-right:10px; max-height: 30px; float: left; margin: 0 px; text-align: center; background:transparent; border-right:1px solid #e3e3e3;border-left:1px solid #f9f9f9; } .nav2 a{ display:block; height:30px; line-height:31px; text-decoration:none; border:none; color:#a6a6a6; font-size:16px;font-family: 'Open Sans', sans-serif;font-weight: 300; transition: color .55s ease-in-out; -moz-transition: color .55s ease-in-out; -webkit-transition: color .55s ease-in-out; } .nav2 a:hover{ color:#353535; }

  5. I have tried remove 1 or the other and tried different versions still no luck.. apparently coda still works with version With version 1.6.2 still doesnt work.. EDIT Can i give u a hug :) I manage to fix it as you said. My mistake was removing jquery version but forgetting to remove jquery UI as i thought that had nth to do with it.Oh man works like a charm thanks a billion :D

  6. So i have coda slider and royal slider.. if i remove coda slider royal slider works. If i add coda slider royal slider doesnt work.. Can anyone help ? Ive been trying to solve this for hours :S <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><head><title> </title><link rel="stylesheet" href="css/zemos.css" type="text/css" /><link rel="stylesheet" href="royalslider.css" type="text/css"/><link rel="stylesheet" href="royalslider-skins/default/default.css"/><script src='js/jquery-1.6.2.min.js'></script><script src="js/jquery.easing.1.3.min.js"></script><script src="js/royal-slider-8.1.min.js"></script> <script src="./js/jquery-1.7.2.min.js"></script> <script src="./js/jquery-ui-1.8.20.custom.min.js"></script> <!-- This of course is required. The full version (not .min) is also included in the js directory --> <script src="./js/jquery.coda-slider-3.0.min.js"></script> <link rel="stylesheet" type="text/css" media="screen" href="./css/coda-slider.css"> <script type="text/javascript">$(document).ready(function() { $('#slider-id').codaSlider({ autoSlide:true, autoHeight:false, dynamicTabs:false, dynamicArrowsGraphical:true });});</script></head><body class="bg"> <div id="mySlider" class="royalSlider default"> <!-- Container of slides(images) --> <ul class="royalSlidesContainer"> <!-- Slides --> <li class="royalSlide"> <img class="royalImage" src="images/1.jpg" width="998" height="400"/> </li> <li class="royalSlide"> <img class="royalImage" src="images/2.jpg" width="998" height="400"/> </li> <li class="royalSlide"> <img class="royalImage" src="images/3.jpg" width="998" height="400"/> </li> <li class="royalSlide"> <img class="royalImage" src="images/4.jpg" width="998" height="400"/> </li> </ul></div><script>$(document).ready(function() { $("#mySlider").royalSlider({ captionShowEffects:["moveleft", "fade"], directionNavAutoHide: true, slideshowEnabled: true, slideshowDelay:5000 /* other options go here, view javascript options to learn more */ }); });</script><div class="container"> <div class="coda-slider" id="slider-id"> <div> <h2 class="title">Panel 1</h2> <p>Proin nec turpis eget dolor dictum lacinia. Nullam nunc magna, tincidunt eu porta in, faucibus sed magna. Suspendisse laoreet ornare ullamcorper. Nulla in tortor nibh. Pellentesque sed est vitae odio vestibulum aliquet in nec leo</p> </div> <div> <h2 class="title">Panel 2</h2> <p>Proin nec turpis eget dolor dictum lacinia. Nullam nunc magna, tincidunt eu porta in, faucibus sed magna. Suspendisse laoreet ornare ullamcorper. Nulla in tortor nibh. Pellentesque sed est vitae odio vestibulum aliquet in nec leo.</p> </div> <div> <h2 class="title">Panel 3</h2> <p>Cras luctus fringilla odio vel hendrerit. Cras pulvinar auctor sollicitudin. Sed lacus quam, sodales sit amet feugiat sit amet, viverra nec augue. Sed enim ipsum, malesuada quis blandit vel, posuere eget erat. Sed a arcu justo. Integer ultricies, nunc at lobortis facilisis, ligula lacus vestibulum quam, id tincidunt sapien arcu in velit. Vestibulum consequat augue et turpis condimentum mollis sed vitae metus. Morbi leo libero, tincidunt lobortis fermentum eget, rhoncus vel sem. Morbi varius viverra velit vel tempus. Morbi enim turpis, facilisis vel volutpat at, condimentum quis erat. Morbi auctor rutrum libero sed placerat. Etiam ipsum velit, eleifend in vehicula eu, tristique a ipsum. Donec vitae quam vel diam iaculis bibendum eget ut diam. Fusce quis interdum diam. Ut urna justo, dapibus a tempus sit amet, bibendum at lectus. Sed venenatis molestie commodo.</p> </div> <div> <h2 class="title">Panel 4</h2> <p>Nulla ultricies ornare erat, a rutrum lacus varius nec. Pellentesque vehicula lobortis dignissim. Ut scelerisque auctor eros sed porttitor. Nullam pulvinar ultrices malesuada. Quisque lobortis bibendum nisi et condimentum. Mauris quis erat vel dui lobortis dignissim.</p> </div> </div></div></body></html>

  7. So lets just take an example of a drop down menu. You hover it drops down, so how do i make it close with animation if not active? after mouse not on hover. An example of the menu i mean is similar to softlayer.com anyone know?

  8. 123.jpgIm not sure how to do this so far i only manage to create addition i found the script on the interwebz but i cant find one that allows multiplication and addition .. so if someone can please help :C
×
×
  • Create New...