hey there... I want to highlight a new on my website. The best and the most used option I have it to add a pop-under with the new inside it. But this is kind of boring for the visitors. Is there any other way by which I can highlight some news to my visitors. Something like which runs / stays at right hand side of my page... or smethng else. I am just confused. I don't want to go for those simple and dull popunder banner.... plzzzzz help...
Hi Pratik There are many ways to do this; just depends how your site is set up. If you use JQuery (or similar) you could use a carousel or news ticker.
Hey, thanks for the reply. The site is using ASP. I am not that much into coding n all.. but i can work with java script...
OK if you "can work with java script" try looking at JQuery easyish to implement. THen there are lots of plugin options open to you (I say JQuery as that is virtually all I use) from carousels to tickers to virical scrolling text etc. Most plugins have a good user guide so it's not to diffucult to get started. Good luck
yup that sounds good to me... but since this is an asp site with no CMS like WordPress or anything... So I guess plugin won't be available. I am searching for some JQuery based codes or scripts... thanks
Hi Pratik NP if not using WP etc, jus create a js directory and install Jquery into it, even better would be link like this in the the head of your page: <script src="http://code.jquery.com/jquery-latest.js"></script> That will link to the latest version (all the time)
If you install JQuery like above her's agreat little carousel http://www.gmarwaha.com/blog/2007/08/09/jcarousel-lite-a-jquery-plugin/
Man you just thought me how to work with js and JQuery... Just one query... if I use this in the header (<script src="http://code.jquery.com/jquery-latest.js"></script>) would i be needing to create a js directory and install JQuery into it? I am linking this.. http://www.dvq.co.nz/wp-content/uploads/2008/07/jquery-popup-bubble/index.html
no, but you would need a "js" directory for your JQuery plugins and and jquery(document).ready functions. example here: <!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=iso-8859-1" /> <title></title> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen" /> <script src="http://code.jquery.com/jquery-latest.js"></script> <script src="js/yourjs.js"></script> </head> <body> then a typcical "yourjs.js file might be like this $j=jQuery.noConflict(); $j(document).ready(function() { $j('.container_12').css('margin-top','20px'); $j('ul#content li:first.grid_4').addClass('alpha'); $j('ul#content li:eq(1).grid_4').addClass('alpha'); $j('ul#content li:nth-child(4n+1).grid_4').addClass('alpha'); $j('ul#content li:nth-child(5n).grid_4').addClass('omega'); $j('ul#content li:nth-child(5n).grid_4').addClass('lastindexli'); $j('ul#content li:nth-child(6n).grid_4').addClass('alpha'); $j('ul#content li:nth-child(8n).grid_4').addClass('omega'); $j('ul#footer li:first.grid_3').addClass('alpha'); $j('ul#footer li:nth-child(4n).grid_3').addClass('omega'); $j('ul#footer li:nth-child(4n+1).grid_3').addClass('alpha'); $j('ul#adverts li.adverts').addClass('grid_2'); $j('ul#adverts li:first.adverts').addClass('alpha'); $j('ul#adverts li:nth-child(2n).adverts').addClass('omega'); $j('ul#adverts li:nth-child(2n+1).adverts').addClass('alpha'); $j('li:first.smallad').addClass('alpha'); $j('li:nth-child(6n).smallad').addClass('omega'); $j('li:nth-child(6n+1).smallad').addClass('alpha'); $j('ul#footerwidgets li:first.grid_4').addClass('alpha'); $j('ul#footerwidgets li:nth-child(3n).grid_4').addClass('omega'); $j('ul#footerwidgets li:nth-child(3n+1).grid_4').addClass('alpha'); }); i.e I reference a the JQuery functions I want to use these above just set different CSS sytle of an unordered list. Nice and easy if you get to understand it Good luck
I understood it perfectly well. Thanks for supporting so much. Will show you the first implementation I do...