الرئيسيةدخولالتسجيل,قرانqr f

الى الاعلى

الى الاسفل

شاطر|

كود حصري لقص الحواف المستديرة للصور بدون برامج !

مديرالموقع
adminمديرالموقع
انثى
عدد المساهمات : 1765
العمر : 83
مُساهمةموضوع: كود حصري لقص الحواف المستديرة للصور بدون برامج !  الجمعة أبريل 12 2013, 18:55

السلام عليكم ورحمة الله
معنا اليوم اضافة جميلة لتدوير حواف الصور بتقنية css من موقع :

وطريقة الاستخدام سهلة وبسيطة
فقط ارفع الصورة من جهازك أو ضع رابط الصورة المراد تدوير حوافها ثم اضغط على زر generate rounded image







Round Your Image Corners Now!




Image:
or URL:
Generate Rounded Image!
الموقع من هنا
http://www.roundpic.com/

والان تفضلو الكود

الرمز:

[right][color=#484848][font='comic sans ms'][b]<h3>Round Your Image Corners Now!</h3>  <p><em></em></p> <style>[/b][/font][/color][/right]





[right][color=#484848][font='comic sans ms'][b]input { [/b][/font][/color][/right]
[right][color=#484848][font='comic sans ms'][b]color:#289728; [/b][/font][/color][/right]
[right][color=#484848][font='comic sans ms'][b]font: normal 14px  arial, sans-serif, verdana; [/b][/font][/color][/right]
[right][color=#484848][font='comic sans ms'][b]border:1px dotted #67a7e3;  [/b][/font][/color][/right]
[right][color=#484848][font='comic sans ms'][b]background:#fff; padding:4px 2px;[/b][/font][/color][/right]
[right][color=#484848][font='comic sans ms'][b]} [/b][/font][/color][/right]

[right][color=#484848][font='comic sans ms'][b]input:hover { [/b][/font][/color][/right]
[right][color=#484848][font='comic sans ms'][b]border:1px solid #67a7e3;[/b][/font][/color][/right]
[right][color=#484848][font='comic sans ms'][b]} </style><form enctype="multipart/form-data" method="post" action="http://www.roundpic.com"><input name="MAX_FILE_SIZE" type="hidden">    <br>    <table><tbody>      <tr>        <td class="title"><b>Image:</b></td>          <td><input style="border-width: 1px; border-style: dotted; border-color: rgb(0, 128, 255); padding: 4px 2px; margin-right: 0px;" name="file" type="file"></td>      </tr>        <tr>        <td class="title">or <b>URL:</b></td>          <td class="input"><input name="url"></td>      </tr>        <tr>        <td class="submit" colspan="2"><button onclick="getLoader();" type="submit">Generate Rounded Image!</button></td>      </tr>    </tbody></table> </form>  <p><em></em></p>  <p><em></em></p>  <p><em></em></p>  <p><em>    </em></p><hr><em>This widget is a coutesy of </em><a href="http://roundpic.com" target="_blank"><em>roundpic</em></a>.[/b][/font][/color][/right]


ويوضع الكود في صفحات

HTML
وليس على الريئسية





 الموضوع الأصلي  : كود حصري لقص الحواف المستديرة للصور بدون برامج ! // المصدر : منتدى دفء الحب // الكاتب: admin

كود حصري لقص الحواف المستديرة للصور بدون برامج !

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: ❤منتدى تطوير المواقع المجانية❤ :: .اكواد HTML-
العنوان
كود حصري لقص الحواف المستديرة للصور بدون برامج !
عدد زوار الصفحة
منتدى دفء الحب
يتبع الى?  :: ❤منتدى تطوير المواقع المجانية❤ :: .اكواد HTML
هل تريد?