Everything posted by Kamrava
-
LinkedIn image slider
Hi there I need to make a Slider like linkedin.com. Please tell me, if you know any sliders like that. Screen-Shot : Regards
-
Show paragraph visibility by checkbox
Hi there I would like to show or hide some paragraph with checkbox states. I have write following code but it doesn't work : <html> <head> <script type="text/javascript"> function showpara(){ document.getElementById("firstpara").style.visibility = (document.formex.firstcheckbox.checked) ? "visible" : "hidden"; document.getElementById("secondpara").style.visibility = (document.formex.secondcheckbox.checked) ? "visible" : "hidden"; document.getElementById("thirdpara").style.visibility = (document.formex.thirdcheckbox.checked) ? "visible" : "hidden"; } </script> </head> <body> <p id="firstpara">This is First Para</p> <p id="secondpara">This is Second Para</p> <p id="thirdpara">This is Third Para</p> <form id="formex"> <input id="firstcheckbox" type="checkbox" onClick="showpara();"/> <input id="secondcheckbox" type="checkbox" onClick="showpara();"/> <input id="thirdcheckbox" type="checkbox" onClick="showpara();"/> </form> </body> </html> What am i doing wrong? Any help would be appreciated.
- Draw this shape with CSS...
- Draw this shape with CSS...
-
Draw this shape with CSS...
Hi every body I can't draw a shape with css like this : help me please. tnx
-
FreeTextBox (Editor) in sevral lines...
It's an ASP.Net editor FreeTextBox component... You can look at the Demos on here..
-
FreeTextBox (Editor) in sevral lines...
Hi With below code i could create Editor : <FTB:FreeTextBox id="FreeTextBox1" runat="Server" ToolbarLayout="ParagraphMenu, FontFacesMenu, FontSizesMenu, FontForeColorsMenu|; FontForeColorPicker, FontBackColorsMenu, FontBackColorPicker, Bold, Italic, Underline|; Strikethrough, Superscript, Subscript, InsertImageFromGallery, CreateLink, Unlink|; RemoveFormat, JustifyLeft, JustifyRight, JustifyCenter, JustifyFull, BulletedList|; NumberedList, Indent, Outdent, Cut, Copy, Paste, Delete, Undo, Redo, Print, Save|; ieSpellCheck, StyleMenu, SymbolsMenu, InsertHtmlMenu, InsertRule, InsertDate|; InsertTime, WordClean, InsertImage, InsertTable, EditTable, InsertTableRowBefore; InsertTableRowAfter, DeleteTableRow, InsertTableColumnBefore, InsertTableColumnAfter|; DeleteTableColumn, InsertForm, InsertForm, InsertTextBox, InsertTextArea|; InsertRadioButton, InsertCheckBox, InsertDropDownList, InsertButton, InsertDiv|; InsertImageFromGallery, Preview, SelectAll, EditStyle"/> And result is : And i show you the problems with Red Arrows. How can i remove | | | | characters !? tnx
-
Whats's "for" in HTML ?
Hi dudes What's for="name" in below code for? <label for="name" class="formlabel">Name</label> <input id="name" name="name" type="text" class="forminput" /> <div class="formwarning">Validation error message</div> Tnx
- Explain this css code...
-
Current Page ...!
Hi There sry my eng is not fine I created a class for current page: .current { background-color: #ccc; color: #FF0000; } There are 4 menu buttons namely (Home - Portfolio - About Us - Contact) I want to using .current class when menu buttons is activated...! tnx...
-
Explain this css code...
Hi Please explain this css code to me : @-webkit-keyframes fadein1 { 0% {opacity:0;} 5% {opacity:1;} 25% {opacity:1;} 100% {opacity:1;} } @-webkit-keyframes fadein2 { 0% {opacity:0;} 25% {opacity:0.0;} 30% {opacity:1;} 50% {opacity:1;} 100% {opacity:1;} } @-webkit-keyframes fadein3 { 0% {opacity:0;} 50% {opacity:0;} 55% {opacity:1;} 75% {opacity:1;} 100% {opacity:1;} } @-webkit-keyframes fadein4 { 0% {opacity:0;} 75% {opacity:0;} 80% {opacity:1;} 100% {opacity:1;} } tnx
-
Explain this css code...
Hi there It's my first slide show and i can't understand it !! Please Explain Below code to me : <html> <head> </head> <style type="text/css"> .slideshow-example-frame { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1); box-shadow: 0px 0px 10px rgba(0, 0, 0, 1); width:420px; height:131px; margin:30px 30px 30px 22px; } .slideshow-example-frame img { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -webkit-animation-duration:15s; } .slideshow-example-frame img { position:absolute; top:0; left:0; margin:30px; } </style> <style type="text/css"> .slideshow-example-frame .img1 { -webkit-animation-name: fadein1; } .slideshow-example-frame .img2 { -webkit-animation-name: fadein2; } .slideshow-example-frame .img3 { -webkit-animation-name: fadein3; } .slideshow-example-frame .img4 { -webkit-animation-name: fadein4; } @-webkit-keyframes fadein1 { 0% {opacity:0;} 5% {opacity:1;} 25% {opacity:1;} 100% {opacity:1;} } @-webkit-keyframes fadein2 { 0% {opacity:0;} 25% {opacity:0.0;} 30% {opacity:1;} 50% {opacity:1;} 100% {opacity:1;} } @-webkit-keyframes fadein3 { 0% {opacity:0;} 50% {opacity:0;} 55% {opacity:1;} 75% {opacity:1;} 100% {opacity:1;} } @-webkit-keyframes fadein4 { 0% {opacity:0;} 75% {opacity:0;} 80% {opacity:1;} 100% {opacity:1;} } </style> <body> <div class="slideshow-example-frame"> <img class="img1" src="1.jpg" alt="2010 Quattroporte Sport GT-S" /> <img class="img2" src="2.jpg" alt="2010 GrandCabrio" /> <img class="img3" src="3.jpg" alt="2010 GrandTurismo S" /> <img class="img4" src="4.jpg" alt="GrandTurismo S Coupe" /> </div> </body> </html> Thank You
- WaterMark TextBox With CSS3 ?
-
WaterMark TextBox With CSS3 ?
Hi There I want to make Watermark textbox with pure CSS3 (With-out javascript - jquery) like this http://jsfiddle.net/qGvAf/ Help me please. Thank You