http://forum.lowyat.net/ Thu, 16 Jul 2026 17:37:32 +0800 FeedCreator 1.7.2 http://forum.lowyat.net/topic/1643426 So basically, i&#39;m trying to make a test website in blogspot. I&#39;m fairly new in HTML (only few weeks of learning, i can do decent stuffs). So to make my website attractive, i decided to add either :<br /><br /><a href='http://www.sohtanaka.com/web-design/examples/image-slider/' target='_blank'>Soh Tanaka Image Slider</a><br />or<br /><a href='http://www.ajaxdaddy.com/demo-glider.html' target='_blank'> Ajax Glider </a><br /><br />So basically with the Soh Tanaka Image Slider, im having problem on how to implement it in the Blogspot html since i&#39;m lacking some CSS knowledge <!--emo&:stars:--><img src='http://static.lowyat.net/style_emoticons/default/rclxub.gif' border='0' style='vertical-align:middle' alt='rclxub.gif' /><!--endemo--> (if anyone can help me giving some sides which could help, i would gladly learn it <!--emo&:D--><img src='http://static.lowyat.net/style_emoticons/default/biggrin.gif' border='0' style='vertical-align:middle' alt='biggrin.gif' /><!--endemo-->)<br />Soh Tanaka Image Slider is a much2 more fun interface since it its more colourful and would really like to implement it in my blogspot<br /><br />For the code its available <a href='http://www.sohtanaka.com/web-design/automatic-image-slider-w-css-jquery/&quot;' target='_blank'> here </a><br /><br />For the Ajax Glider, its simple and understandable, and easy to implement it, but the problem now, anyone knows how to make it slide automatically like the Soh Tanaka Image Slider does?<br /><br />The code is available down here :<br /><!--SPOILER BEGIN--><div class="spoilertop" onClick="openClose('6003c9bbf4df2c3d7e9539c96f7ef80d')" style="font-weight: bold"><u>&raquo; Click to show Spoiler - click again to hide... &laquo;</u></div><div class="spoilermain" id="6003c9bbf4df2c3d7e9539c96f7ef80d" style="display:none"><!--SPOILER END--><!--c1--><div class='codetop'>CODE</div><div class='codemain'><!--ec1--> &#60;&#33;DOCTYPE HTML PUBLIC &#34;-//W3C//DTD HTML 4.0 Transitional//EN&#34;&#62;<br /><br />&#60;html lang=&#34;en&#34;&#62;<br />&#60;head&#62;<br />&#60;base href=&#34;http&#58;//www.ajaxdaddy.com/web20/prototype/glider/&#34;&#62;<br />&#60;style type=&#34;text/css&#34;&#62;<br />body {color&#58; white;background&#58; #52616F;}<br />a { color&#58; white; }<br />&#60;/style&#62;<br />&#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=utf-8&#34;&#62;<br />&#60;title&#62;Glider.js Example&#60;/title&#62;<br />&#60;link rel=&#34;stylesheet&#34; href=&#34;css/glider.css&#34; type=&#34;text/css&#34; media=&#34;screen&#34; charset=&#34;utf-8&#34;&#62;<br />&#60;script src=&#34;javascript/prototype.js&#34; type=&#34;text/javascript&#34; charset=&#34;utf-8&#34;&#62;&#60;/script&#62;<br />&#60;script src=&#34;javascript/effects.js&#34; type=&#34;text/javascript&#34; charset=&#34;utf-8&#34;&#62;&#60;/script&#62;<br />&#60;script src=&#34;javascript/glider.js&#34; type=&#34;text/javascript&#34; charset=&#34;utf-8&#34;&#62;&#60;/script&#62;<br />&#60;/head&#62;<br />&#60;body&#62;<br /><br />&#60;center&#62;<br />&#60;h1&#62;Glider.js&#60;/h1&#62;<br /><br />&#60;div id=&#34;my-glider&#34;&#62;<br />&#60;div class=&#34;controls&#34;&#62;<br />&#60;a href=&#34;#section1&#34;&#62;Section 1&#60;/a&#62; |<br />&#60;a href=&#34;#section2&#34;&#62;Section 2&#60;/a&#62; |<br />&#60;a href=&#34;#section3&#34;&#62;Section 3&#60;/a&#62; |<br />&#60;a href=&#34;#section4&#34;&#62;Section 4&#60;/a&#62; |<br />&#60;/div&#62;<br /><br />&#60;div class=&#34;scroller&#34;&#62;<br />&#60;div class=&#34;content&#34;&#62;<br />&#60;div class=&#34;section&#34; id=&#34;section1&#34;&#62;<br />Section 1<br />&#60;p&#62;You can put any kind of HTML in here&#58;&#60;/p&#62;<br />&#60;img src=&#34;images/orange.druplicon.gif&#34; /&#62;<br />&#60;/div&#62;<br />&#60;div class=&#34;section&#34; id=&#34;section2&#34;&#62;<br />Section 2<br />&#60;p&#62;Style the sections however you want&#60;/p&#62;<br />&#60;/div&#62;<br />&#60;div class=&#34;section&#34; id=&#34;section3&#34;&#62;<br />Section 3<br />&#60;p&#62;I-frames? Yes, but only if scrollbars are hidden&#58;&#60;/p&#62;<br />&#60;iframe src=&#34;http&#58;//www.example.com&#34; style=&#34;overflow&#58;hidden&#34;&#62;&#60;/iframe&#62;<br />&#60;/div&#62;<br />&#60;div class=&#34;section&#34; id=&#34;section4&#34;&#62;<br />Section 4<br />&#60;p&#62;Flash? Sort-of works&#58;&#60;/p&#62;<br />&#60;object width=&#34;200&#34; height=&#34;150&#34;&#62;&#60;param name=&#34;movie&#34; value=&#34;http&#58;//www.youtube.com/v/Ef-f7EeDpYI&#34;&#62;&#60;/param&#62;&#60;param name=&#34;wmode&#34; value=&#34;transparent&#34;&#62;&#60;/param&#62;&#60;embed src=&#34;http&#58;//www.youtube.com/v/Ef-f7EeDpYI&#34; type=&#34;application/x-shockwave-flash&#34; wmode=&#34;transparent&#34; width=&#34;200&#34; height=&#34;150&#34;&#62;&#60;/embed&#62;&#60;/object&#62;<br />&#60;/div&#62;<br />&#60;/div&#62;<br />&#60;/div&#62;<br />&#60;/div&#62;<br />&#60;a href=&#34;#&#34; onclick=&#34;my_glider.previous&#40;&#41;;return false;&#34;&#62;Previous&#60;/a&#62; | &#60;a href=&#34;#&#34; onclick=&#34;my_glider.next&#40;&#41;;return false&#34;&#62;Next&#60;/a&#62;<br />&#60;script type=&#34;text/javascript&#34; charset=&#34;utf-8&#34;&#62;<br />var my_glider = new Glider&#40;&#39;my-glider&#39;, {duration&#58;0.5}&#41;;<br />&#60;/script&#62;<br />&#60;/center&#62;<br />&#60;/body&#62;<br />&#60;/html&#62; <!--c2--></div><!--ec2--><!--SPOILER DIV--></div><!--SPOILER DIV--><br /><br />So basically thats the stuff i wanna put in my blog, make it more fancy you know :3 hope u guys can help me &gt;.&lt;<br /><br />P/S If the forumers have any suggestion on where to host my website, i would welcome all of the ideas <!--emo&:peace:--><img src='http://static.lowyat.net/style_emoticons/default/icon_rolleyes.gif' border='0' style='vertical-align:middle' alt='icon_rolleyes.gif' /><!--endemo--> <br />X2 P/S If there is a google or forum link, i must have missed it, guide me if i missed it <!--emo&:blush:--><img src='http://static.lowyat.net/style_emoticons/default/blush.gif' border='0' style='vertical-align:middle' alt='blush.gif' /><!--endemo--> <br />X3 P/S Not a homework lol. I just wanted to make my own blog/website Kintey Content Creators, Blogmasters &amp; Webmasters Thu, 18 Nov 2010 13:14:55 +0800 http://forum.lowyat.net/topic/1642820 So basically, i&#39;m trying to make a test website in blogspot. I&#39;m fairly new in HTML (only few weeks of learning, i can do decent stuffs). So to make my website attractive, i decided to add either :<br /><br /><a href='http://www.sohtanaka.com/web-design/examples/image-slider/' target='_blank'>Soh Tanaka Image Slider</a><br />or<br /><a href='http://www.ajaxdaddy.com/demo-glider.html' target='_blank'> Ajax Glider </a><br /><br />So basically with the Soh Tanaka Image Slider, im having problem on how to implement it in the Blogspot html since i&#39;m lacking some CSS knowledge <!--emo&:stars:--><img src='http://static.lowyat.net/style_emoticons/default/rclxub.gif' border='0' style='vertical-align:middle' alt='rclxub.gif' /><!--endemo--> (if anyone can help me giving some sides which could help, i would gladly learn it <!--emo&:D--><img src='http://static.lowyat.net/style_emoticons/default/biggrin.gif' border='0' style='vertical-align:middle' alt='biggrin.gif' /><!--endemo-->)<br />Soh Tanaka Image Slider is a much2 more fun interface since it its more colourful and would really like to implement it in my blogspot<br /><br />For the code its available <a href='http://www.sohtanaka.com/web-design/automatic-image-slider-w-css-jquery/&quot;' target='_blank'> here </a><br /><br />For the Ajax Glider, its simple and understandable, and easy to implement it, but the problem now, anyone knows how to make it slide automatically like the Soh Tanaka Image Slider does?<br /><br />The code is available down here :<br /><!--SPOILER BEGIN--><div class="spoilertop" onClick="openClose('ece102a4111ce237e39c734c1e590079')" style="font-weight: bold"><u>&raquo; Click to show Spoiler - click again to hide... &laquo;</u></div><div class="spoilermain" id="ece102a4111ce237e39c734c1e590079" style="display:none"><!--SPOILER END--><!--c1--><div class='codetop'>CODE</div><div class='codemain'><!--ec1--> &#60;&#33;DOCTYPE HTML PUBLIC &#34;-//W3C//DTD HTML 4.0 Transitional//EN&#34;&#62;<br /><br />&#60;html lang=&#34;en&#34;&#62;<br />&#60;head&#62;<br />&#60;base href=&#34;http&#58;//www.ajaxdaddy.com/web20/prototype/glider/&#34;&#62;<br />&#60;style type=&#34;text/css&#34;&#62;<br />body {color&#58; white;background&#58; #52616F;}<br />a { color&#58; white; }<br />&#60;/style&#62;<br />&#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=utf-8&#34;&#62;<br />&#60;title&#62;Glider.js Example&#60;/title&#62;<br />&#60;link rel=&#34;stylesheet&#34; href=&#34;css/glider.css&#34; type=&#34;text/css&#34; media=&#34;screen&#34; charset=&#34;utf-8&#34;&#62;<br />&#60;script src=&#34;javascript/prototype.js&#34; type=&#34;text/javascript&#34; charset=&#34;utf-8&#34;&#62;&#60;/script&#62;<br />&#60;script src=&#34;javascript/effects.js&#34; type=&#34;text/javascript&#34; charset=&#34;utf-8&#34;&#62;&#60;/script&#62;<br />&#60;script src=&#34;javascript/glider.js&#34; type=&#34;text/javascript&#34; charset=&#34;utf-8&#34;&#62;&#60;/script&#62;<br />&#60;/head&#62;<br />&#60;body&#62;<br /><br />&#60;center&#62;<br />&#60;h1&#62;Glider.js&#60;/h1&#62;<br /><br />&#60;div id=&#34;my-glider&#34;&#62;<br />&#60;div class=&#34;controls&#34;&#62;<br />&#60;a href=&#34;#section1&#34;&#62;Section 1&#60;/a&#62; |<br />&#60;a href=&#34;#section2&#34;&#62;Section 2&#60;/a&#62; |<br />&#60;a href=&#34;#section3&#34;&#62;Section 3&#60;/a&#62; |<br />&#60;a href=&#34;#section4&#34;&#62;Section 4&#60;/a&#62; |<br />&#60;/div&#62;<br /><br />&#60;div class=&#34;scroller&#34;&#62;<br />&#60;div class=&#34;content&#34;&#62;<br />&#60;div class=&#34;section&#34; id=&#34;section1&#34;&#62;<br />Section 1<br />&#60;p&#62;You can put any kind of HTML in here&#58;&#60;/p&#62;<br />&#60;img src=&#34;images/orange.druplicon.gif&#34; /&#62;<br />&#60;/div&#62;<br />&#60;div class=&#34;section&#34; id=&#34;section2&#34;&#62;<br />Section 2<br />&#60;p&#62;Style the sections however you want&#60;/p&#62;<br />&#60;/div&#62;<br />&#60;div class=&#34;section&#34; id=&#34;section3&#34;&#62;<br />Section 3<br />&#60;p&#62;I-frames? Yes, but only if scrollbars are hidden&#58;&#60;/p&#62;<br />&#60;iframe src=&#34;http&#58;//www.example.com&#34; style=&#34;overflow&#58;hidden&#34;&#62;&#60;/iframe&#62;<br />&#60;/div&#62;<br />&#60;div class=&#34;section&#34; id=&#34;section4&#34;&#62;<br />Section 4<br />&#60;p&#62;Flash? Sort-of works&#58;&#60;/p&#62;<br />&#60;object width=&#34;200&#34; height=&#34;150&#34;&#62;&#60;param name=&#34;movie&#34; value=&#34;http&#58;//www.youtube.com/v/Ef-f7EeDpYI&#34;&#62;&#60;/param&#62;&#60;param name=&#34;wmode&#34; value=&#34;transparent&#34;&#62;&#60;/param&#62;&#60;embed src=&#34;http&#58;//www.youtube.com/v/Ef-f7EeDpYI&#34; type=&#34;application/x-shockwave-flash&#34; wmode=&#34;transparent&#34; width=&#34;200&#34; height=&#34;150&#34;&#62;&#60;/embed&#62;&#60;/object&#62;<br />&#60;/div&#62;<br />&#60;/div&#62;<br />&#60;/div&#62;<br />&#60;/div&#62;<br />&#60;a href=&#34;#&#34; onclick=&#34;my_glider.previous&#40;&#41;;return false;&#34;&#62;Previous&#60;/a&#62; | &#60;a href=&#34;#&#34; onclick=&#34;my_glider.next&#40;&#41;;return false&#34;&#62;Next&#60;/a&#62;<br />&#60;script type=&#34;text/javascript&#34; charset=&#34;utf-8&#34;&#62;<br />var my_glider = new Glider&#40;&#39;my-glider&#39;, {duration&#58;0.5}&#41;;<br />&#60;/script&#62;<br />&#60;/center&#62;<br />&#60;/body&#62;<br />&#60;/html&#62; <!--c2--></div><!--ec2--><!--SPOILER DIV--></div><!--SPOILER DIV--><br /><br />P/S If the forumers have any suggestion on where to host my website, i would welcome all of the ideas <!--emo&:peace:--><img src='http://static.lowyat.net/style_emoticons/default/icon_rolleyes.gif' border='0' style='vertical-align:middle' alt='icon_rolleyes.gif' /><!--endemo--> <br />X2 P/S If there is a google or forum link, i must have missed it, guide me if i missed it <!--emo&:blush:--><img src='http://static.lowyat.net/style_emoticons/default/blush.gif' border='0' style='vertical-align:middle' alt='blush.gif' /><!--endemo--> <br />X3 P/S Not a homework lol. I just wanted to make my own blog/website Kintey Codemasters Wed, 17 Nov 2010 23:00:50 +0800 http://forum.lowyat.net/topic/1351168 Im currently waiting my result for SPM tommorow, but ive been doubting some stuffs for this Cullinary Arts. Anyone can shed some light for this subject? <!--emo&:D--><img src='http://static.lowyat.net/style_emoticons/default/biggrin.gif' border='0' style='vertical-align:middle' alt='biggrin.gif' /><!--endemo--> <br /><br />Im thinking of joining KDU, since they say it has more hands on and practical cooking than Taylors which is more to theory. <br /><br />Beside KDU and Taylor (preferably near KL area) any other Uni that provide any Cullinary Arts (or something similar like Professional Chef )<br />If any1 can help i would really appreciate it <!--emo&:drool:--><img src='http://static.lowyat.net/style_emoticons/default/drool.gif' border='0' style='vertical-align:middle' alt='drool.gif' /><!--endemo--> =D Kintey Education Essentials Wed, 10 Mar 2010 13:27:42 +0800