WEB DEVELOPMENT

12345

Wednesday, 6 June 2012

Wider Forum Box on Home Page - 2 columns

11:00    No comments

Better Engagement with a Wider Forum Box on Home Page * I may have added this to JenSocial in the past. But, don't think so. This CSS will make your home page Forum Module fill the width of 2 columns. You must have the Forum Module at the very top of your site, in the top center wide column. I added to the Ning Creators site via FireFox, so you can see an example. This hack as in any, may have to be tweaked for your unique CSS. However,...

Read More

Get A Skype Button

10:55    No comments

Get A Skype Button If you would like to add a Skype Button to your site, go here: http://www.skype.com/intl/en-us/tell-a-friend/get-a-skype-button/ Select the button you want, and copy/paste the code into a text box, or other area of your Ning Network that accepts scripts. BTW, if the code is stripped, try wrapping a DIV around it like this: <div id="myskype">your Skype Button code</div> In order for your button to work and...

Read More

How To Share Your Logo Banner and Link - "Grab This Code"

10:41    No comments

How To Share Your Logo Banner and Link - "Grab This Code" To add a logo and link to your site, that site visitors can grab and copy, to add to another site, here's the code I use at the bottom of JenSocial. The key is the <textarea> HTML TAG: My Original Code, and Reflects the Image Above: <div style="background-color:#003366; color:#ffffff;"><b>Grab the JenSocial.com badge/link code:</b></div> <div style="float:left;"><textarea...

Read More

Sunday, 4 March 2012

ပတ္လမ္းေၾကာင္း

12:55  , , ,  No comments

File လမ္းေၾကာင္းေတြကို တခ်ဳိ႕ေတြက HTML ေတြေလ့လာရင္း ရႈပ္ျပီး နားမလည္တာေတြရိွတယ္... ဒါေၾကာင့္ ဒီမွာ ထပ္ရွင္းျပပါမယ္.. img/image.jpgအဲဒါကို index.html မွာေရးထားတာဆိုပါဆို႕... အဲဒီ သေဘာက index.html နဲ႕ img folder နဲ႕က same root ပါ... ဒါေၾကာင့္ img/image.jpg ဆိုျပီး တဆင့္ေခၚရတာ.. imageindex.jpg ဒါဆိုရင္ေတာ့ index.html နဲ႕ image.jpg က same root ထဲမွာရိွတယ္လို႕ဆိုလိုပါတယ္.. ../imageindex.jpg index.html က image ဆိုတဲ့ Folder ေအာက္မွာရိွတယ္ဆိုပါဆို႕...သူက...

Read More

Background Image

12:53  , ,  No comments

Background Image ကဲ..ဒီေန႕ေတာ့ background images ပိုင္းေလးေပါ့... PHP Code: <head> <title>Untitled Document</title> <style> body { background:url(bg.jpg); color:white; } </style> </head> <body> This is use background Image<br> New features Workflow improvements Adobe Bridge Simplify file handling in Photoshop and within Adobe Cre ative Suite with Adobe Bridge, the nextgeneration file browser. Efficiently browse, tag, search, and process your images. (See About Adobe Bridge.) Color...

Read More

DIV

12:50  , ,  No comments

Div PHP Code: <html> <head> <title>CSS</title> <style> .mydiv { background-color:#009966; color:#FFFFFF; } </style> </head> <body> Div tags <div class="mydiv"> This is div tage using class mydiv and this back ground is 009966 and font color is white. </div> </body> </html> ကၽြန္ေတာ္တို႕ mydiv ဆိုတဲ့ အထဲမွာ background-color ဆိုျပီး background colorကိုထည့္ထားခဲ့တယ္... စာလံုးအ ေရာင္ကိုေတာ့ အ ျဖဴေရာင္ေပါ့... ဒါေပမယ့္ စာေတြဟာ Div tagsေအ ာက္ကိုေရာက္ေနတယ္......

Read More

Link with CSS

12:46  , ,  No comments

Link with CSS .link { text-decoration:none } <a href="test.html" class="link">Home</a> အ ဲဒါဆိုရင္ ကၽြန္ေတာ္တို႕ သံုးလိုက္တဲ့ Home မွာ ေအာက္မွာ မ်ဥ္းသားထားသာကို ေတြ႕ရမွာမဟုတ္ေတာ့ဘူး... ဘာျဖစ္လို႕လည္းဆိုကၽြန္ေတာ္တို႕ttext-decoration:noneလုိ႕ေရးသားထားခဲ့လို႕ပါ.. <html><head><title>CSS</title><head> <style> .link , .link:visited { text-decoration:none } .link:hover { color:green; text-decoration:underline; } </style></head> <body> <a href="test.html" class="link">Home</a></body> </html> ဒါဆိုရင္ေတာ့...

Read More

HTML Tag ႏွင့္ CSS

12:44  , ,  No comments

HTML Tag ႏွင့္ CSS ကၽြန္ေတာ္တို႕ CSS ကို html tag ေတြမွာလည္း ေရာသံုးလို႕ရပါတယ္... ကၽြန္ေတာ္ဆိုလိုတာက body , a , td အ ဲလို tage ေတြအ တြက္ပါ... <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style type="text/css"> body { font-family:Zawgyi-one; color:green; // not a name of sone ma :) } .myhead { font-family:verdana; color:red; } #myid { font-family:verdana; color:blue; } </style> </head> <body> This...

Read More

Css ဆိုတာ

12:42  , ,  No comments

အခုေလ့လာၾကရမယ့္ CSS ဆိုတာ ကိုေရးသားထားသူကေတာ႕ ကို Saturngod ျဖစ္ပါတယ္ . http://www.mysteryzillion.com/forum/showpost.php?p=80&postcount=10မွာဆက္ဖတ္ႏိုင္ၾကပါတယ္ . . ပညာလိုလားၾကတဲ့ သူငယ္ခ်င္းမ်ားအားလံုး ကို္ယ္စိတ္ႏွလံုးေအးခ်မ္းရႊင္လန္းျပီး ယခုထက္ပိုျပီးေလ႕လာ သင္ယူႏိုင္ရင္း တိုင္းျပည္နဲ႕လူမ်ဳိးအက်ဳိးကို ဆထက္ထမ္းပိုး တိုးတက္ထမ္းေဆာင္ႏိုင္ၾကပါေစလို႕ ဆုမြန္ေကာင္းေတာင္းေပးလိုက္ပါတယ္ ခင္ဗ်ာ . . . Css ဆိုတာ CSS ဆိုတာ Cascading Style Sheets ပါ။ သူက web design Aတြက္သံုးပါတယ္..ဘယ္လိုသံုးလဲဆိုရင္ သူ႕ကို external File Aေနနဲ႕ေရာ ၊ HTML ထဲလည္း...

Read More

Learning CSS pdf

12:38  , ,  No comments

by Saturngod၏ PDFမွ က်ေနာ္သူငယ္ခ်င္းမ်ားအတြက္ ဗဟုသုတအလို႕ငွာျပန္လည္းေဖာ္ျပလိုက္ပါသည္............. မူရင္းPDF ဖိုင္းကိုေဒါင္လိုလွ်င္....ေအာက္ပါလခ့္မွာ ေဒါင္ႏိုင္ပါတယ္..... http://www.mediafire.com/?znjmdeh3z...

Read More

Saturday, 4 February 2012

How to Add your Blog Open Curtrin

16:01  , , , ,  No comments

မိမိတို ့ဘေလာ့မွာ လိုက္ကာ အဖြင့္ အပိတ္ေလး တပ္ခ်င္ၾကရင္ေတာ့ ေအာက္မွာပါ .. လိုက္လုပ္ၾကည့္လို္က္ပါ.. Design > Edit Html > ကိုဝင္ပါ ၿပီးရင္ ကုဒ္ေတြထဲက <head> သို ့မဟုတ္ </head> ကိုရွာပါ.. ၿပီးရင္ <head> ရဲ႕ ေအာက္ </head> ရဲ႕ အေပၚမွာေပါ့ သူတို ့၂ ခုရဲ႕ အတြင္းျဖစ္ရင္ ရပါၿပီ..အဲ့မွာ ေအာက္က ကုဒ္ကို ထည့္ပါ.. <script src='http://jqueryjs.googlecode.com/files/jquery-1.3.2.js' type='text/javascript'/><script src='http://joomlamyanmar.net/c1/jquery.easing.1.3.js'...

Read More

How to Add Facebook Like Buttom

14:37  , , , ,  No comments

မိမိတင္သမွ် ပို ့ေတြတိုင္းရဲ႕ ေအာက္ေျခမွာ Facebook Like Buttom , ေလးထည့္ခ်င္ၾကရင္ျဖင့္ ... ေအာက္မွာ က်ေနာ္ျပထားေပးပါတယ္.. အရင္ဆံုး Design > Edit HTML > Edit Template > Expand Widget Templates (ကိုကလစ္ေပးထားလိုက္ပါ) ၿပီးရင္ေတာ့ HTML ထဲက မိမိသိလိုေသာ code ကိုရွာဖို့အတြက္ Ctrl+F ကိုနိပ္ေပးလိုက္ၿပီးေအာက္က အကြက္ထဲမွာ </head> ဆိုတာကိုရွာလိုက္ပါ။ၿပီးရင္ ေအာက္က ကုဒ္ေလးကို ထည့္ပါ.. <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"...

Read More

Wednesday, 1 February 2012

ဘ၀အပိုင္းအစမ်ား

15:27  ,  1 comment

ဒီ tutorial ကေတာ့သင့္ရဲ့ပ်င္းစရာေကာင္းတဲ့ ဓာတ္ပံုကို စိတ္၀င္စားစရာေကာင္းတဲ့ ဓာတ္ပံုတစ္ပံုအျဖစ္ ေျပာင္းလဲသြားေစမယ့္ သင္ခန္း စာျဖစ္ပါတယ္။ ၁) အဲဒီအတြက္လိုအပ္္တဲ့ဓာတ္ပံုကိုဖြင့္ပါ၊ ၂) ေနာက္ထပ္ Layer အသစ္တစ္ခုဖြင့္ပါ (Layer>New>Layer) သို့မဟုတ္ (Shift+Ctrl+N) ကိုႏွိပ္ပါ။၃) Fill လုပ္မယ့္ Foreground color ကိုသင့္ေတာ္ရာတစ္ခုေရြးပါ။၄) အဲဒီ Layer ေပၚမွာ Rectanglular Marquee ကိုသံုးျပီး အေနေတာ္ေလးေထာင့္ကြက္တစ္ခုဆြဲပါ၊ ျပီးရင္...

Read More

ဘယ္ပန္းခ်ီေရးလို့မမီ

15:24  ,  No comments

ဒီ Tutorial ဟာ ဓာတ္ပံုတစ္ပံုကို ပိုစတာဆန္ဆန္ ပန္းခ်ီကားတစ္ခ်ပ္အျဖစ္သို့ ေျပာင္းလဲေစမယ့္သင္ခန္းစာပါ။ ၁) အဲဒီအတြက္ ပထမဆံုးေျပာင္းလိုတဲ့ပံုကိုဖြင့္ပါ။ ၂) ျပီးရင္ေတာ့ အဲဒီ Background layer ကို Duplicate လုပ္ပါမယ္။ (Layer>Duplicate Layer) သို့မဟုတ္ (Ctrl+J) ကိုႏွိပ္ပါ။ ၃)ျပီးရင္ အဲဒီ Layer အသစ္ကို Grey Scale ပံုအျဖစ္ေျပာင္းပါမယ္။ (Image>Ajdustment>Desaturate) သို့မဟုတ္ (Shift +Ctrl+U) ကိုႏွိပ္ပါ။၄) အဲဒီ Gray Scale ေျပာင္းထားတဲ့...

Read More

Gmail ၏ အစြမ္းထက္နည္းလမ္း ( 41 )

15:15  ,  No comments

Gmail ၏ အစြမ္းထက္နည္းလမ္းမ်ား ( 41 ) ခု Gmail သံုးစြဲေနၾကတဲ့လူတိုင္း အတြက္ ရည္ရြယ္ၿပီး ကိုယ့္ရဲ႕ Gmail ကို ပိုမိုအစြမ္းထက္ေစဖို႔ အကူအညီ ႏိုင္ဆံုး အႀကံျပဳခ်က္ေတြကိုပါ စုေပါင္းၿပီး Tips , Tricks extensions , Desktop program ေတြနဲ႔ Mac User ေတြအတြက္ပါသံုးႏိုင္တဲ့ နည္းလမ္းအခ်ဳိ႕ကို ေဖာ္ျပလိုပါတယ္ ။ ____________________________________________________________________________________________________________________________________________ Gmail ကိုသံုးစြဲတဲ့ေနရာမွာ အေကာင္းဆံုးနဲ႔ အလုိက္ဖက္အညီဆံုးကေတာ့ Fierfox browser ပဲျဖစ္ပါတယ္။ "open"ဟာGmailကိုျမန္ျမန္ဆန္ဆန္ဖြင့္လွစ္ေပးႏိုင္မယ့္...

Read More