طرق روعة لعمل عرض جميل

كل الطرق هي عبارة عن نسخ ولصق للأكواد بعرضك لذا لن تبذلي مجهود كبير:

الطريقة الأولى: الغزلان:

الكود:

<br />
<div style="background-color: #46d3c2; border: 1px solid black; color: black; font-size: 15px; margin: auto; padding: 5px; text-align: center; width: 500px;" title=" made by charly__6__">
<span style="border: 2px dotted white; display: block;"><span style="background-color: white; color: black; float: left; font-family: 'Trebuchet MS',Arial; font-size: 12px; height: 160px; margin-left: 0px; margin-top: 0px; overflow: hidden; padding: 0px; text-align: center; width: 170px;" title="made by charly__6__"><img alt="" src="http://www.sdcdn.com/camera/378/776/378776715.jpg" height="170" /></span><span style="background-color: white; color: black; float: right; font-family: 'Trebuchet MS',Arial; font-size: 12px; height: 160px; margin-right: 0px; margin-top: 0px; overflow: hidden; padding: 0px; text-align: center; width: 170px;" title="made by charly__6__"><img alt="" src="http://www.sdcdn.com/camera/378/776/378776715.jpg" height="170" /></span><br />
    <br />
    <span style="font-size: 38px;"><span style="color: red; font-family: papyrus;">Merry Christmas</span></span><br />
    <span style="font-size: 11px;"><span style="font-family: verdana,geneva,sans-serif;">It's not all about the presents !&nbsp;</span></span><br />
    <br /> <br />
    <span style="color: sandybrown; font-family: papyrus;"><strong><span style="font-size: 24px;">Title</span></strong></span><br />
    <span style="font-size: 11px;"><span style="font-family: verdana,geneva,sans-serif;">Text</span></span><br /> <br />
    <span style="color: sandybrown; font-family: papyrus;"><strong><span style="font-size: 24px;">Title</span></strong></span><br />
    <span style="font-size: 11px;"><span style="font-family: verdana,geneva,sans-serif;">Text</span></span><br /> <br />
    <span style="color: sandybrown; font-family: papyrus;"><strong><span style="font-size: 24px;">Title</span></strong></span><br />
    <span style="font-size: 11px;"><span style="font-family: verdana,geneva,sans-serif;">Text</span></span><br />
    <br />
    <br />

    </span></div>

الطريقة الثانية:السماعة:

الكود:

<p style="background-color:#fff; box-shadow: 2px 0px 4px black;text-align: center;  margin: auto; width: 510px; overflow: auto;" title="presentatiecharly.blogspot.com">
    <span style="font-family:century gothic;"><span style="font-size: 20px;"><em><span style="color: rgb(0, 0, 0);"><span style="background-color: #37C8FF; color: #000000; display: block; float:left; width: 300px; height: 70px;overflow-y: scroll; margin: 10px; text-align: center;" title="don't remove the credit">Type here your welcome text or updates,...<br />
    <br />
    <br />
    -END-</span></span></em><span style="background-color:#3FAC15 ; color: #0000000; display: block; float:left; width: 150px; height: 70px;overflow-y: scroll; margin: 10px; text-align: center;" title=" presentatiecharly.blogspot.com"><strong><em>Little note </em></strong><br />
    <span style="font-size:12px;"><strong>text<br />
    text<br />
    text</strong></span></span></span><br />
    <br />
    <br />
    <span style="color: #0000000; display: block; float:left; width: 480px; height: 200px;overflow:hidden; margin: 10px; text-align: center;"><span style="opacity:0.9;" title=" Made by charly__6__ | Don't remove the credit"><img height="322" src="http://www.sdcdn.com/camera/238/977/238977809.jpg" width="483" /></span><br />
    <span style="opacity:0.5;background-color:#000 ; color: #fff; display: block; float:left; width: 210px; height: 130px; margin-left: 250px; margin-top:-300px; text-align: center;font-size: 16px;font-family:arial;" title=" presentatiecharly.blogspot.com"><em>&quot;Write something&quot;</em></span></span></span><br />
    <br />
    <br />
    <br />
    <br />
    <span style="background-color:#FFB420 ; color: #000; display: block; float:left; width: 480px; height: 150px;overflow-y: scroll; margin: 10px; text-align: center;"><span style="font-size:28px;"><strong><em>PHOTOS</em></strong></span><br />
    <br />
    <br />
    <br />
    <span style="font-size:12px;"><strong>Put here your photos<br />
    <br />
    <br />
    <br />
    -END-</strong></span></span><br />
    <br />
    <br />
    <span style="background-color:#BC34A0; color: #000; display: block; float:left; width: 480px; height: 100px;overflow-y: scroll; margin: 10px; text-align: center;"><span style="font-size:28px;"><strong><em>Title:</em></strong></span><br />
    <br />
    <span style="font-size:12px;"><span style="font-size:16px;">put here your text</span><br />
    <br />
    <br />
    <strong>-END-</strong></span></span><br />
    <br />
    <br />
    <br />
    <br />
    &nbsp;</p> 

الطريقة الثالثة:بطاقة التعريف:

الكود:

<p style="margin: auto; padding: 5px; overflow: hidden; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; width: 500px; color: #fff; background: linear-gradient(-200deg,#aa7c39 1%, #dbb275 43%, #e3bd80 60%, #e1d1a0 83%, #e0cea8 100%);">
 <br />
 <span style="font-family:verdana,geneva,sans-serif;"><span style="color:#ffffff;"><span style="font-size:36px;">Welcome to my page</span></span></span><br />
 <br /> <br />
 <br />
 <span style="font-family: verdana, geneva, sans-serif;"><span style="font-size:24px;">Title</span></span><br />
 text<br />
 <span style="font-size:24px;">Title</span><br />
 text<br /> <br />
 <br />
 <span style="background-color:#FAFAFA;box-shadow: 0px 3px 3px grey;border: 1px #C8C8C8 solid;border-radius:5px;margin-left: 100px;  color: #000; float: left; font-family: 'Trebuchet MS',Arial; font-size: 12px; margin-top: 15px; padding: 0px; text-align:center; width: 320px;height: 120px; overflow: hidden;" title="made by AnitooWee"><span style="border:1px #E1E1E1 solid;margin-left: 20px;  color: #000; float: left; font-family: 'Trebuchet MS',Arial; font-size: 12px; margin-top: 15px; padding: 0px; text-align:center; width: 88px;height: 88px; overflow: hidden;" title="made by AnitooWee"><img alt="" height="88" src="http://www.sdcdn.com/avatars/88/2187/872/2187872264.jpg" width="88" /><br />
 ......</span><br />
 <span style="font-family:arial,helvetica,sans-serif;">Send me a friend request<br />
 you can always ask me if I add you.<br />
If you need help for something you can always ask me :)<br />
 <br />
 <span style="font-size:14px;background-color: #dbb275; box-shadow: 0px 0px 5px #aa7c39 inset,0px 0px 5px #e3bd80 inset, 0px 0px 3px #e1d1a0;float:left; height:20px;margin-left: 60px; width: 60px;border-radius:3px;cursor: pointer;border: 1px #e0cea8 solid;color:white;">Add me </span></span></span><br />
 <br />
 <br />
 <br />
 <br />
 <br />
 <br />
 <br />
 <br />
 <br />
 <br />
 <br />
 <br />
 &nbsp;</p>

الطريقة الرابعة:صورة:

الكود:

<p style="background-color:#23203B; width:500px; margin:auto; text-align:center;color:#B6B6B6; font-size: 15px;" title=" made by charly__6__">
    &nbsp;<span style="background-color:#FFFFFF; border-radius: 300px/400px;margin-left: 100px;margin-right: 100px;  color: #000000; float: left; font-family: 'Trebuchet MS',Arial; font-size: 12px; margin-top: 0px; padding: 0px; text-align:center; width: 300px;height: 400px; overflow: hidden;" title="made by charly__6__"><img alt="" height="397" src="http://www.sdcdn.com/camera/386/539/386539028.jpg" width="304" /></span> <span style="font-size:16px;"><span style="font-family: times new roman,times,serif;"><span style="background-color:#000; opacity:0.5;border-radius: 300px / 400px; margin-left: 100px; margin-right: 100px; color: rgb(255, 255, 255); float: left; margin-top: -400px; padding: 50px; text-align: center; width: 200px; height: 300px; overflow: hidden;" title="made by charly__6__"><span style="font-size:36px;"><span style="font-family:trebuchet ms,helvetica,sans-serif;">&ldquo;</span><strong><span style="font-family: vivaldi;">Write here your title</span></strong></span>.<span style="font-size:26px;">&rdquo;<br />
    <br />
    <span style="font-size:22px;">Text<br />
    Text</span></span></span></span></span><br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    &nbsp;</p>

الطريقة الخامسة:على ذوقك:

1-اضغطي هنا 

2-اختاري شكل العرض الذي أعجبك واعملي لكلامه نسخ ولصق

ملاحظة:

لا تنسي الضغط على زر حفظ بعد الانتهاء من النسخ واللصق

ولقد انتهيت أتمنى أن يعجبكم