Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Kamrava

Members
  • Joined

  • Last visited

Everything posted by Kamrava

  1. Hi there I need to make a Slider like linkedin.com. Please tell me, if you know any sliders like that. Screen-Shot : Regards
  2. 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.
  3. Tried this : background: -webkit-linear-gradient(top,#000 0%,#000 50%,transparent 100%); But it just drawing a straight line! How can i draw a slant line?
  4. How ? I tried to use transparent but result was absolutely different with that thing i want.
  5. Hi every body I can't draw a shape with css like this : help me please. tnx
  6. It's an ASP.Net editor FreeTextBox component... You can look at the Demos on here..
  7. 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
  8. 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
  9. tnx guys I got this part. please explain to me other part's of this slide show on here... tnx
  10. Kamrava posted a topic in Frontend
    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...
  11. 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
  12. 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
  13. Is it possible? Any body is here?!
  14. 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

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.