Saturday, November 17, 2012
Saturday, November 10, 2012
ওয়েব ডিজাইনারদের জন্য জটিল ডিজাইনের একটি Navigation Bar
ওয়েব ডিজাইনারদের জন্য জটিল ডিজাইনের একটি Navigation Bar।
টিউন করেছেন : এম কে এইচ তানভীর | প্রকাশিত হয়েছে : 5 November, 2012 on 4:52 am | 895 বার দেখা হয়েছে | 
15
15
Ads by Techtunes - tAds
সবাইকে অনেক শুভেছা জানাচ্ছি।অনেক দিন ধরে টিউন করবো করবো কিন্তু টাইম নামের কি যেন একটা আছেনা ওটাকে কোন ভাবেই যেন ধরতে পারছিলামনা। যাই হোক আজ ধরেই পেল্লাম।
আমার আজকের এই টিউনটা পরীক্ষামুলক, ওয়েব ডিজাইন এর উপর একটা ধারাবাহিক টিউনের সব কল্পনা জল্পনার অবশান ঘটিয়ে ফেলিছি, খুব শীগ্রোই আপনাদের সামনে নিয়ে আসবো ইনসাল্লাহ তালা।
আজকেও আপনাদের ভালো কিছু উপহার দিবো আশাকরি।
সেই উপহারটি একটি জটিল ধরনের Navigation Bar।
যেটার নাম দিয়েছি আমি “পানির ডেউ”
নাম শুনে বুঝতেই পারছেন ডিজাইনটা কেমন হবে।
তো দেরি না করে চলুন তৈরি করে ফেলি সেই পানির ডেউ।
প্রথমে নিচের লিঙ্ক থেকে File টি ডাউনলোড করেনিন,
linkটি
এরপর Fileটিকে Extract করুন, করার পর jsfile নামের একটি ফোল্ডার পাবেন, সেই ফোল্ডারটির ভিতরে আর একটি js নামের ফোল্ডার পাবেন ওগুলো ধরার প্রয়োজন নাই। তারপর নিচের Code গুলো Copy করে সরাসরি সেই jsfile নামের ফোল্ডারটিতে index.html অথবা আপনারইচ্ছা.html এই নামে সেইভ করবেন ।
(বিঃদ্রঃ js নামের ফোল্ডারটির ভিতরে সেইভ করবেননা)
“”কোড
সেইভ করার নিয়ম- আপনার কম্পিউটার এর নোটপেড ওপেন করুন কোড টি copy করে
past করুন এবং Save As করুন index.html অথবা আপনারইচ্ছা.html এই নামে সেইভ
করুন।”"
আর অবশ্যই কিছু জানার থাকলে বা নাবুঝলে Comments করবেন।
আর অবশ্যই কিছু জানার থাকলে বা নাবুঝলে Comments করবেন।
“আর একটি কথাঃ
আপনার একটি Comment আমাকে আনেক বেশী উৎসাহ জোগাবে আপনাকে নতুন কিছু শেখানোর ♥।”
আমার ওয়েব ডিজাইন পেইজ।
আপনার একটি Comment আমাকে আনেক বেশী উৎসাহ জোগাবে আপনাকে নতুন কিছু শেখানোর ♥।”
আমার ওয়েব ডিজাইন পেইজ।
Code:
<!DOCTYPE html>
<head>
<title>facebook.com/WebsiteDevelop</title>
<link href="js/style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery_002.js"></script>
<script type="text/javascript" src="js/jquery_003.js"></script>
<script type="text/javascript" src="js/jquery_004.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".logobanner").mouseover(function(){
$(".logobanner span").fadeIn("fast");
$(".logobanner span").animate({top:27},"fast");
});
});
$(document).ready(function(){
$(".logobanner").mouseout(function(){
$(".logobanner span").animate({top:25},"fast");
$(".logobanner span").fadeOut("fast");
});
});
$(function() {
$("#1, #2, #3").lavaLamp({
fx: "backout",
speed: 700,
click: function(event, menuItem) {
}
});
});
$(document).ready(function(){
$("input[type=file]").change(function(){$(this).parents(".uploader").find(".filename").val($(this).val());});
$("input[type=file]").each(function(){
if($(this).val()==""){$(this).parents(".uploader").find(".filename").val("");}
});
});
</script>
</head>
<body>
<ul id="2">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Coontact us</a></li>
<li><a href="#">Button 1</a></li>
<li><a href="#">Button 2</a></li>
<li><a href="#">Button 3</a></li>
<li><a href="#">Button 4</a></li>
<li><a href="#">Button 5</a></li>
<li><a href="#">Button 6</a></li>
</ul>
</body>
</html>
<!DOCTYPE html>
<head>
<title>facebook.com/WebsiteDevelop</title>
<link href="js/style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery_002.js"></script>
<script type="text/javascript" src="js/jquery_003.js"></script>
<script type="text/javascript" src="js/jquery_004.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".logobanner").mouseover(function(){
$(".logobanner span").fadeIn("fast");
$(".logobanner span").animate({top:27},"fast");
});
});
$(document).ready(function(){
$(".logobanner").mouseout(function(){
$(".logobanner span").animate({top:25},"fast");
$(".logobanner span").fadeOut("fast");
});
});
$(function() {
$("#1, #2, #3").lavaLamp({
fx: "backout",
speed: 700,
click: function(event, menuItem) {
}
});
});
$(document).ready(function(){
$("input[type=file]").change(function(){$(this).parents(".uploader").find(".filename").val($(this).val());});
$("input[type=file]").each(function(){
if($(this).val()==""){$(this).parents(".uploader").find(".filename").val("");}
});
});
</script>
</head>
<body>
<ul id="2">
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Coontact us</a></li>
<li><a href="#">Button 1</a></li>
<li><a href="#">Button 2</a></li>
<li><a href="#">Button 3</a></li>
<li><a href="#">Button 4</a></li>
<li><a href="#">Button 5</a></li>
<li><a href="#">Button 6</a></li>
</ul>
</body>
</html>
কম নেট স্পিড আর চিন্তা নেই অনলাইন টিভি থেকে শুরু করে সব ভিডিও দেখুন কোন বাফারিং ছারা
কম নেট স্পিড আর চিন্তা নেই অনলাইন টিভি থেকে শুরু করে সব ভিডিও দেখুন কোন বাফারিং ছারা
টিউন করেছেন : ami bondhu | প্রকাশিত হয়েছে : 6 November, 2012 on 1:38 am | 1,634 বার দেখা হয়েছে | 22
22
প্রথমে
সকলকে জানায় আমার আন্তরিক শুভেচ্ছা।আমাদের বেশির ভাগের বেশি স্পিড দেয়
এমন নেট কানেকশন ব্যবহার করতে পারি না কারন অনেক টাকা দিতে হয় যেটা আমাদের
ক্ষমতায় বাহিরে ফলে আমরা বলতে যাদের নেটে স্পিড কম তারা অনলাইন ভিডিও (অন
লাইন গান,সিনেমা, টিভি চ্যানেল ,বা যে কোন ভিডিও)দেখার সুখ থেকে বণ্চিত
হই।কিন্তু আর হবে না ।প্রশ্ন কি করে হবে? উত্তর- প্রথমে আপনাকে real player
ডাউনলোড করে ইনস্টল করতে হবে । পাবেন এইhttp://realplayer.en.softonic.com/ খানে।
তারপর mozilla firefox ওপেন করে সেটিং এ options ওপেন করে applications এ
rtsp কে use real player (default) করতে হবে। এ বার mozilla firefox খুলে
এইhttp://nisha4you.wapka.mobi/site_349.xhtml এই সাইটে যান যে টিভি চ্যানেল দেখতে চান সেকানে watch ক্লিক করুন আর কোন buffering ছারা দেখুন তা ছারা ও (১) http://m.vuclip.com/ (২) http://m.youtube.com/ দুটো
সাইটের যে কোন একটি তে যান আর online video কোন buffering ছারা উপভোগ করুন
। আর একটা কথা যারা rtsp খুজে পাননি তারা real player ডাউনলোড করে ইনস্টল
আর উপরে দেওয়া দুটো সাইটের যে কোন একটি তে যান 
আর প্রথমে ১ এ তারপর ২ এ 
ক্লিক
করুন online video কোন buffering ছারা উপভোগ করুন । কিন্তু ভাই সব ভিডিও
গুলি একটু খারাপ কোয়ালিটির (ভাই আমরা গরীব মানুষ চলুন দুধের স্বাদ ঘোলে
মেটায়) হবে মানে 3gp ফরমাটের হবে আর একটা কথা আপনি গুগুল ক্রোমে ও দেখতে
পারবেন আবার কাজটা vlc player দিয়েও হয় কিন্তু মজিলা ফায়ারফক্স আর
রিয়েল প্লেয়ার হলে ভালো হয় । আমার ভাই দের যদি একটু কাজে লাগে তাহলে আমি
খুব আনন্দ পাবো কারন লাইভ টিভি দেখার পদ্ধতি টা আমি খুব কস্ট করে বার
করেছি।ভালো থাকুন।
আর প্রথমে ১ এ তারপর ২ এ ক্লিক
করুন online video কোন buffering ছারা উপভোগ করুন । কিন্তু ভাই সব ভিডিও
গুলি একটু খারাপ কোয়ালিটির (ভাই আমরা গরীব মানুষ চলুন দুধের স্বাদ ঘোলে
মেটায়) হবে মানে 3gp ফরমাটের হবে আর একটা কথা আপনি গুগুল ক্রোমে ও দেখতে
পারবেন আবার কাজটা vlc player দিয়েও হয় কিন্তু মজিলা ফায়ারফক্স আর
রিয়েল প্লেয়ার হলে ভালো হয় । আমার ভাই দের যদি একটু কাজে লাগে তাহলে আমি
খুব আনন্দ পাবো কারন লাইভ টিভি দেখার পদ্ধতি টা আমি খুব কস্ট করে বার
করেছি।ভালো থাকুন।
Subscribe to:
Posts (Atom)