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


طلب تكويد بوابة

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

طلب تكويد بوابة

مُساهمة من طرف قصي حسين في 09/05/16, 02:40 pm

عايز تكويد للبوابة بتاعتي وده طلبي كامل


صورة البوابة

https://7d454a31f50a7d106530a6900921d0d68f1a3566.googledrive.com/host/0B1ch_LI7V4V1b2xSRGg5VG5saEE

المطلوب وضع وتغير لون الراديو بحيث يكون مناسب للبوابة


<iframe src="https://mixlr.com/users/5006047/embed?autoplay=true" width="100%" height="180px" scrolling="no" frameborder="no" marginheight="0" marginwidth="0"></iframe><small><a href="http://mixlr.com/elayyem-radio" style="color:#1a1a1a;text-align:left; font-family:Helvetica, sans-serif; font-size:11px;">elayyem-radio is on Mixlr</a></small>


كمـان طبعا كلنا عارفين ان احلي منتدي عشان تعمل بوابة وتكون هي ا لوجهه لازم تحط الكود بتاعهم
فياريت حد يعملي الخطوه دي كمان ويحاول مش يكون كود رابطهم ظاهر اوي بحيث شكل البوابة مش يبوظ

اخيرا عايز شكل الراديو يكون زي شكل مربع الراديو ده بحيث يناسب الاستايل الخاص بالبوابة 

http://www.3l2ahwa.com/radio/

قصي حسين

الجنس : ذكر
عدد المساهمات : 17
التقييم : 10
تاريخ التسجيل : 09/05/2016

معاينة صفحة البيانات الشخصي للعضو

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: طلب تكويد بوابة

مُساهمة من طرف JAR7 في 12/05/16, 01:19 am

جاري التكويد باذن الله
#تكويد_بوابة_راديو



JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2195
التقييم : 285
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: طلب تكويد بوابة

مُساهمة من طرف JAR7 في 12/05/16, 02:17 am

تم مبرووووك
يمنع حذف حقوق عملي
الرمز:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>راديو الايام ايامك هتكون احلى</title>
<style type="text/css">
.search_bk{background:#000}.table_shadows{outline:0;font-family:Tahoma,Geneva,sans-serif;color:#999}.table_sh{outline:0;background:-webkit-gradient(linear,left top,left 25,from(#fff),color-stop(4%,#eee),to(#fff));background:-moz-linear-gradient(top,#fff,#eee 1px,#fff 25px);box-shadow:rgba(0,0,0,0.3) 0 0 8px;-moz-box-shadow:rgba(0,0,0,0.3) 0 0 8px;-webkit-box-shadow:rgba(0,0,0,0.3) 0 0 8px}body{background-image:url(http://i86.servimg.com/u/f86/16/46/77/76/bg_mai10.jpg);background-repeat:repeat}#search input[type="text"]:focus{width:220px;color:#F36}#top_nav{position:absolute;width:100%;left:0;top:0;height:38px}#footer{position:absolute;width:100%;left:0;bottom:0;top:100%;height:38px;overflow:visible;visibility:visible;display:block}#d{font-family:Tahoma,Geneva,sans-serif;color:#999;padding:20px 20px;display:inline-block;transition:background .55s ease-in-out;-moz-transition:background .55s ease-in-out;-webkit-transition:background .55s ease-in-out;text-decoration:none}.pro{font-family:Tahoma,Geneva,sans-serif;color:#999;padding:10px 10px;display:inline-block;transition:background .55s ease-in-out;-moz-transition:background .55s ease-in-out;-webkit-transition:background .55s ease-in-out;text-decoration:none}.link{display:inline-block;transition:color .40s ease-in-out;-moz-transition:color .40s ease-in-out;webkit-transform:color .40s ease-in-out;text-decoration:none;color:#F36}.link:hover{color:#666}#ico{height:16px;width:16px;float:right;position:relative}#add_l{position:absolute;width:160px;left:25px;top:800px;height:600px}#add_r{position:absolute;width:160px;right:25px;top:800px;height:600px}
body,td,th{font-family:Tahoma,Geneva,sans-serif;font-size:12px;color:#999;text-decoration:none}.tab_bor{border:solid 1px #e5e5e5;outline:0;background:-webkit-gradient(linear,left top,left 25,from(#fff),color-stop(4%,#eee),to(#fff));background:-moz-linear-gradient(top,#fff,#eee 1px,#fff 25px);box-shadow:rgba(0,0,0,0.1) 0 0 8px;-moz-box-shadow:rgba(0,0,0,0.1) 0 0 8px;-webkit-box-shadow:rgba(0,0,0,0.1) 0 0 8px}div.fadehover{position:relative;top:0;right:0}img.a{position:absolute;left:31px;top:-100px;z-index:10}img.b{position:absolute;left:31px;top:-100px}.table_sh1{outline:0;background:-webkit-gradient(linear,left top,left 25,from(#fff),color-stop(4%,#eee),to(#fff));background:-moz-linear-gradient(top,#fff,#eee 1px,#fff 25px);box-shadow:rgba(0,0,0,0.3) 0 0 8px;-moz-box-shadow:rgba(0,0,0,0.3) 0 0 8px;-webkit-box-shadow:rgba(0,0,0,0.3) 0 0 8px}.table_sh11{outline:0;background:-webkit-gradient(linear,left top,left 25,from(#fff),color-stop(4%,#eee),to(#fff));background:-moz-linear-gradient(top,#fff,#eee 1px,#fff 25px);box-shadow:rgba(0,0,0,0.3) 0 0 8px;-moz-box-shadow:rgba(0,0,0,0.3) 0 0 8px;-webkit-box-shadow:rgba(0,0,0,0.3) 0 0 8px}
@charset "utf-8";body,h1,ul,li{margin:0;padding:0;border:0}#container{width:960px;position:relative;margin-right:0;margin-bottom:-40px;margin-left:0;top:-90px}div#slideshow{width:935px;height:375px;background:#fff;overflow:scroll;position:relative;z-index:5;padding-top:15px;padding-right:0;padding-bottom:0;padding-left:0;top:50px;border:solid 1px #e5e5e5;outline:0;background:-webkit-gradient(linear,left top,left 25,from(#fff),color-stop(4%,#eee),to(#fff));background:-moz-linear-gradient(top,#fff,#eee 1px,#fff 25px);box-shadow:rgba(0,0,0,0.3) 0 0 8px;-moz-box-shadow:rgba(0,0,0,0.3) 0 0 8px;-webkit-box-shadow:rgba(0,0,0,0.3) 0 0 8px}div#slideshow ul#nav{display:none;list-style:none;position:relative;top:150px;z-index:15}div#slideshow ul#nav li#prev{float:left;margin:0 0 0 10px}div#slideshow ul#nav li#next{float:right;margin:0 10px 0 0}div#slideshow ul#nav li a{display:block;width:80px;height:80px;text-indent:-9999px}div#slideshow ul#nav li#prev a{background:url(images/prev.png)}div#slideshow ul#nav li#next a{background:url(images/next.png)}div#slideshow ul#slides{list-style:none}div#slideshow ul#slides li{margin-top:0;margin-right:0;margin-bottom:20px;margin-left:0}a{outline:0}
#header{background-image:url(style/menu_images/header.png);background-repeat:no-repeat;height:42px;width:490px;margin-bottom:20px}ul,li{margin:0;padding:0;list-style:none}#but{height:32px;width:184px;margin:auto}#menu_class,#menu_class2,#menu_class3,#menu_class4{border:1px solid #1c1c1c;color:#FFF}#the_menu li,#the_menu2 li,#the_menu3 li,#the_menu4 li{background-color:#141414}#the_menu li a,#the_menu2 li a,#the_menu3 li a,#the_menu4 li a{color:#fff;text-decoration:none;padding:10px;display:block;text-align:right;font-family:Tahoma,Geneva,sans-serif;font-size:12px}
.move {font-family: Tahoma, Geneva, sans-serif;font-size: 12px;color: #FFF;text-decoration: none;}#the_menu , #the_menu2 , #the_menu3 , #the_menu4{display:none;width:184px;border: 1px solid #1c1c1c;opacity:0.90;filter:alpha(opacity=90);position: absolute;}#the_menu li a:hover , #the_menu2 li a:hover , #the_menu3 li a:hover , #the_menu4 li a:hover{padding:10px;font-weight:bold;color:#FFFFFF;background-image:url(style_1/cat_active.png);}
div.fadehover {position: relative;top: 0px;right: 0px;}img.a1 {position: absolute;left: 109px;top: -44px;z-index: 10;}img.b1 {position: absolute;left: 109px;top: -44px;}body,td,th {font-family: Tahoma, Geneva, sans-serif;font-size: 12px;}
#r_nav {height:62px;background-color:#000000;display: inline-block;transition: background .50s ease-in-out;-moz-transition: background .50s ease-in-out;-webkit-transition: background .50s ease-in-out;width: 656px;background-repeat: repeat-x;top: 200px;}#r_nav ul {list-style:none;margin-top: 0px;margin-right: 1px;margin-bottom: 0px;margin-left: 0px;}#r_nav li {float:right;line-height: 62px;}#r_nav li a {background: #000;color:#FFFFFF;display: inline-block;transition: background .50s ease-in-out;-moz-transition: background .50s ease-in-out;-webkit-transition: background .50s ease-in-out;float:right;text-decoration:none;text-decoration:none;padding-top: 0;padding-right: 25px;padding-bottom: 0;padding-left: 25px;border-top-width: 0px;border-right-width: 1px;border-bottom-width: 0px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #252525;border-right-color: #252525;border-bottom-color: #252525;border-left-color: #252525;font-size: 13px;margin-right: -1px;font-family: Tahoma, Geneva, sans-serif;}#r_nav li a:hover {text-decoration:none;background:#df145d;}#r_nav li a.selected {text-decoration:none;background:#df145d;}
.move {font-family: Tahoma, Geneva, sans-serif;font-size: 12px;color: #FFF;text-decoration: none;}.nav-fade li {top:0px;color:#FFFFFF;font-family:Tahoma, Geneva, sans-serif;font-size:12px;padding: 7px 8px;display: inline-block;transition: background .45s ease-in-out;-moz-transition: background .45s ease-in-out;-webkit-transition: background .45s ease-in-out;}.nav-fade li:hover {background:#df145d;}.nav-fade li a{color:#FFFFFF;text-decoration:none;}.nav-fade li a:hover {color:#FFFFFF;text-decoration:none;}.bahaa{color:#df145d;display: inline-block;transition: color .45s ease-in-out;-moz-transition: color .45s ease-in-out;-webkit-transition: color .45s ease-in-out;text-decoration:none;}.bahaa:hover{color:#FFF;}
</style>


</head>

<body>
  <div class="top_nav" id="top_nav">
</div><br />
<table width="960" border="0" align="center" cellpadding="0" cellspacing="0" class="table_shadows">
<tr>
  <td valign="middle" height="210" align="center" colspan="3">
            <!-- header  -->

<style type="text/css">
div.fadehover {position: relative;top: 0px;right: 0px;}img.a1 {position: absolute;left: 109px;top: -44px;z-index: 10;}img.b1 {position: absolute;left: 109px;top: -44px;}body,td,th {font-family: Tahoma, Geneva, sans-serif;font-size: 12px;}
</style>

<script type="text/javascript" src="Scripts/swfobject_modified.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("img.a1").hover(
function() {
$(this).stop().animate({"opacity": "0"}, "normal");
},
function() {
$(this).stop().animate({"opacity": "1"}, "normal");
});
 
});
</script>

<table width="960" height="245" cellspacing="0" cellpadding="0" border="0" align="center">
  <tbody>
 
    <tr>
  <td width="288" valign="middle" align="center" rowspan="2">
    <img width="553" height="232" alt="راديو الايام ايامك هتكون احلى" src="http://i86.servimg.com/u/f86/16/46/77/76/uo_ouo30.png"></td>
   
   
    <td width="298" valign="middle" align="center" rowspan="2">
      <div class="fadehover">
        <a href="رابط استماع الراديو مباشرتا">
          <img border="0" align="middle" class="a1" alt="استمع الى راديو " src="http://www.3l2ahwa.com/radio/style_1/buttons/radio.png" style="opacity: 1;"></a>
          <img border="0" class="b1" alt="" src="http://www.3l2ahwa.com/radio/style_1/buttons/radio2.png"></div></td>  </tr>
 
     
     
      </tbody></table>
     
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>

 
    &nbsp;</td>
  </tr>
 <tr>    <td valign="middle" height="200" align="center" style="width:600px">
<iframe src="https://mixlr.com/users/5006047/embed?autoplay=true" width="100%" height="180px" scrolling="no" frameborder="no" marginheight="0" marginwidth="0"></iframe><small><a href="http://mixlr.com/elayyem-radio" style="color:#1a1a1a;text-align:left; font-family:Helvetica, sans-serif; font-size:11px;">elayyem-radio is on Mixlr</a></small>
 
  </td>  </tr> 
 
<tr>
   
      <td width="673" valign="middle" height="62" bgcolor="#000000" align="right" class="search_bk" colspan="2">
<div id="r_nav">
      <ul>
        <li><a href="/" target="_blank">الرئيسية</a></li>
               
        <li><a href="/" target="_blank">المنتدى</a></li>
       
                <li><a href="#" target="_blank">اسم القسم</a></li>
       
                <li><a href="#" target="_blank">اسم القسم</a></li>
       
                <li><a href="#" target="_blank">اسم القسم</a></li>
       
                <li><a href="#" target="_blank">اسم القسم</a></li>
          </ul>
</div>


   </td>
</tr>
  <tr>
    <td background="http://www.3l2ahwa.com/radio/style_1/shadows.png" height="75" colspan="3" >&nbsp;</td>
  </tr>
  <tr>
    <td height="1" colspan="3" align="center" valign="top" bgcolor="#F0F0F0"></td>
  </tr>
  <tr>
    <td height="451" colspan="3" align="center" valign="middle" bgcolor="#FFFFFF"><table width="865" border="0" align="center" cellpadding="0" cellspacing="0" class="table_sh">
      <tr>
        <td width="850" height="412" align="right" valign="top" dir="rtl"><div class="d" id="d">مرحباً بكم فى <a href="/" class="link">راديو الايام ايامك هتكون احلى</a><br />
      ايامك هتكون احلى<br /><br /><br />
          <ul>
            <li>يعبتر راديو راديو الايام ايامك هتكون احلى  من افضل المحطات الاذاعيه على الانترنت فى قوة البث المباشر وفى افكار البرامج الاذاعيه
ويشمل الراديو العديد من الافكار و يتم بثها بشكل يومى منتظم بشكل لائق ومتميز ،  ، بل يمكنك حتماً سماع احدث و اقوى الاغانى العربية و الاجنبية ، و ايضاً معرفة اخبار النجوم الحصرية و اخبار السينما و الفن  ..<br />

              ويمكنك الانضمام الينا والتواصل معنا دائما على مدار اليوم            <br />
            </li>
            <br />
<ul>
            <li>راديو الايام ايامك هتكون احلى وتعدد مجالاته  ..<br />

              تستطيع من خلال هذا الموقع ان تعرف ماذا يدور فى البلاد عن طريق الاخبار الحصرية والمؤكده فى مجالات عديده مثل الاقتصاد ، السياسه ، الفن ، الرياضه ، الخ ..
واستمع ايضا الى اقوى البرامج الحصرية ، بالاضافة الى امكانية تحميل الحلقات داخل الموقع وعلى اليوتيوب ايضاً ، بالاضافه الى ان الموقع يقدم فى المفاجأت فى جميع المناسبات و توزيع الهدايا بشكل دائم ومستمر
من خلال ارسال رسالتك الى رقم الاذاعه الخاص والتواصل معهم باستمرارية وهذا الراديو مجاله ليس محدداً لكبار السن بل ، تختلف موضوعات البرامج واهدافها ومناسبه لجميع الاعمار        <br />
            </li>
            <br />
             
</ul>
</tr>
    </table></td>
  </tr>
</table>
<table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="190" align="center" valign="middle">
     <table width="728" height="90"border="0" align="center" cellpadding="0" cellspacing="0" class="table_shadows">
    <tr>
      <td align="center" class="table_shadows" valign="middle">
     
        <a title="اعلن معنا" target="_blank" href="/">
<img border="0" src="http://i86.servimg.com/u/f86/16/46/77/76/uo_ouo26.jpg" width="728" height="90"></a></td>
      </tr>
  </table>
 
  </td>
  </tr>
</table>


<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="4" bgcolor="#df145d"></td>
  </tr>
  <tr>
    <td height="36" align="center" valign="top" bgcolor="#000000"><table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="235" height="29" rowspan="3" align="center" valign="middle" class="move">Developed By <a rel="nofollow" href="http://www.t3qnyiat.com/" title="منتديات تقنيات" target="_new" class="bahaa">JAR7  <a href="http://www.ahlamontada.com" target="_blank"></a> </a></td>
        <td width="327" rowspan="3" align="center" valign="top">
        </td>
        <td width="398" align="right" valign="top" class="move">
        <ul class="nav-fade">
          <li><a target="_blank" href="#">رابط نصي</a></li>
          <li><a target="_blank" href="#">رابط نصي</a></li>
          <li><a href="#">رابط نصي</a></li>
          <li><a target="_blank" href="#">رابط نصي</a></li>
          <li><a target="_blank" href="#">رابط نصي</a></li>
        </ul>
</td>
        </tr>
      <tr>
        <td height="1" bgcolor="#df145d"></td>
        </tr>
    </table></td>
  </tr>
</table>
</td>
    </tr>
  </table><div class="footer" id="footer">
</div>
</body>

</html>




JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2195
التقييم : 285
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: طلب تكويد بوابة

مُساهمة من طرف JAR7 في 12/05/16, 12:27 pm

تم مثل صورة المثال لم ازيد شئ
الرمز:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>راديو الايام ايامك هتكون احلى</title>
<style type="text/css">
.search_bk{background:#000}.table_shadows{outline:0;font-family:Tahoma,Geneva,sans-serif;color:#999}.table_sh{outline:0;background:-webkit-gradient(linear,left top,left 25,from(#fff),color-stop(4%,#eee),to(#fff));background:-moz-linear-gradient(top,#fff,#eee 1px,#fff 25px);box-shadow:rgba(0,0,0,0.3) 0 0 8px;-moz-box-shadow:rgba(0,0,0,0.3) 0 0 8px;-webkit-box-shadow:rgba(0,0,0,0.3) 0 0 8px}body{background-image:url(http://i86.servimg.com/u/f86/16/46/77/76/bg_mai10.jpg);background-repeat:repeat}#search input[type="text"]:focus{width:220px;color:#F36}#top_nav{position:absolute;width:100%;left:0;top:0;height:38px}#footer{position:absolute;width:100%;left:0;bottom:0;top:100%;height:38px;overflow:visible;visibility:visible;display:block}#d{font-family:Tahoma,Geneva,sans-serif;color:#999;padding:20px 20px;display:inline-block;transition:background .55s ease-in-out;-moz-transition:background .55s ease-in-out;-webkit-transition:background .55s ease-in-out;text-decoration:none}.pro{font-family:Tahoma,Geneva,sans-serif;color:#999;padding:10px 10px;display:inline-block;transition:background .55s ease-in-out;-moz-transition:background .55s ease-in-out;-webkit-transition:background .55s ease-in-out;text-decoration:none}.link{display:inline-block;transition:color .40s ease-in-out;-moz-transition:color .40s ease-in-out;webkit-transform:color .40s ease-in-out;text-decoration:none;color:#F36}.link:hover{color:#666}#ico{height:16px;width:16px;float:right;position:relative}#add_l{position:absolute;width:160px;left:25px;top:800px;height:600px}#add_r{position:absolute;width:160px;right:25px;top:800px;height:600px}
body,td,th{font-family:Tahoma,Geneva,sans-serif;font-size:12px;color:#999;text-decoration:none}.tab_bor{border:solid 1px #e5e5e5;outline:0;background:-webkit-gradient(linear,left top,left 25,from(#fff),color-stop(4%,#eee),to(#fff));background:-moz-linear-gradient(top,#fff,#eee 1px,#fff 25px);box-shadow:rgba(0,0,0,0.1) 0 0 8px;-moz-box-shadow:rgba(0,0,0,0.1) 0 0 8px;-webkit-box-shadow:rgba(0,0,0,0.1) 0 0 8px}div.fadehover{position:relative;top:0;right:0}img.a{position:absolute;left:31px;top:-100px;z-index:10}img.b{position:absolute;left:31px;top:-100px}.table_sh1{outline:0;background:-webkit-gradient(linear,left top,left 25,from(#fff),color-stop(4%,#eee),to(#fff));background:-moz-linear-gradient(top,#fff,#eee 1px,#fff 25px);box-shadow:rgba(0,0,0,0.3) 0 0 8px;-moz-box-shadow:rgba(0,0,0,0.3) 0 0 8px;-webkit-box-shadow:rgba(0,0,0,0.3) 0 0 8px}.table_sh11{outline:0;background:-webkit-gradient(linear,left top,left 25,from(#fff),color-stop(4%,#eee),to(#fff));background:-moz-linear-gradient(top,#fff,#eee 1px,#fff 25px);box-shadow:rgba(0,0,0,0.3) 0 0 8px;-moz-box-shadow:rgba(0,0,0,0.3) 0 0 8px;-webkit-box-shadow:rgba(0,0,0,0.3) 0 0 8px}
@charset "utf-8";body,h1,ul,li{margin:0;padding:0;border:0}#container{width:960px;position:relative;margin-right:0;margin-bottom:-40px;margin-left:0;top:-90px}div#slideshow{width:935px;height:375px;background:#fff;overflow:scroll;position:relative;z-index:5;padding-top:15px;padding-right:0;padding-bottom:0;padding-left:0;top:50px;border:solid 1px #e5e5e5;outline:0;background:-webkit-gradient(linear,left top,left 25,from(#fff),color-stop(4%,#eee),to(#fff));background:-moz-linear-gradient(top,#fff,#eee 1px,#fff 25px);box-shadow:rgba(0,0,0,0.3) 0 0 8px;-moz-box-shadow:rgba(0,0,0,0.3) 0 0 8px;-webkit-box-shadow:rgba(0,0,0,0.3) 0 0 8px}div#slideshow ul#nav{display:none;list-style:none;position:relative;top:150px;z-index:15}div#slideshow ul#nav li#prev{float:left;margin:0 0 0 10px}div#slideshow ul#nav li#next{float:right;margin:0 10px 0 0}div#slideshow ul#nav li a{display:block;width:80px;height:80px;text-indent:-9999px}div#slideshow ul#nav li#prev a{background:url(images/prev.png)}div#slideshow ul#nav li#next a{background:url(images/next.png)}div#slideshow ul#slides{list-style:none}div#slideshow ul#slides li{margin-top:0;margin-right:0;margin-bottom:20px;margin-left:0}a{outline:0}
#header{background-image:url(style/menu_images/header.png);background-repeat:no-repeat;height:42px;width:490px;margin-bottom:20px}ul,li{margin:0;padding:0;list-style:none}#but{height:32px;width:184px;margin:auto}#menu_class,#menu_class2,#menu_class3,#menu_class4{border:1px solid #1c1c1c;color:#FFF}#the_menu li,#the_menu2 li,#the_menu3 li,#the_menu4 li{background-color:#141414}#the_menu li a,#the_menu2 li a,#the_menu3 li a,#the_menu4 li a{color:#fff;text-decoration:none;padding:10px;display:block;text-align:right;font-family:Tahoma,Geneva,sans-serif;font-size:12px}
.move {font-family: Tahoma, Geneva, sans-serif;font-size: 12px;color: #FFF;text-decoration: none;}#the_menu , #the_menu2 , #the_menu3 , #the_menu4{display:none;width:184px;border: 1px solid #1c1c1c;opacity:0.90;filter:alpha(opacity=90);position: absolute;}#the_menu li a:hover , #the_menu2 li a:hover , #the_menu3 li a:hover , #the_menu4 li a:hover{padding:10px;font-weight:bold;color:#FFFFFF;background-image:url(style_1/cat_active.png);}
div.fadehover {position: relative;top: 0px;right: 0px;}img.a1 {position: absolute;left: 109px;top: -44px;z-index: 10;}img.b1 {position: absolute;left: 109px;top: -44px;}body,td,th {font-family: Tahoma, Geneva, sans-serif;font-size: 12px;}
#r_nav {height:62px;background-color:#000000;display: inline-block;transition: background .50s ease-in-out;-moz-transition: background .50s ease-in-out;-webkit-transition: background .50s ease-in-out;width: 656px;background-repeat: repeat-x;top: 200px;}#r_nav ul {list-style:none;margin-top: 0px;margin-right: 1px;margin-bottom: 0px;margin-left: 0px;}#r_nav li {float:right;line-height: 62px;}#r_nav li a {background: #000;color:#FFFFFF;display: inline-block;transition: background .50s ease-in-out;-moz-transition: background .50s ease-in-out;-webkit-transition: background .50s ease-in-out;float:right;text-decoration:none;text-decoration:none;padding-top: 0;padding-right: 25px;padding-bottom: 0;padding-left: 25px;border-top-width: 0px;border-right-width: 1px;border-bottom-width: 0px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #252525;border-right-color: #252525;border-bottom-color: #252525;border-left-color: #252525;font-size: 13px;margin-right: -1px;font-family: Tahoma, Geneva, sans-serif;}#r_nav li a:hover {text-decoration:none;background:#df145d;}#r_nav li a.selected {text-decoration:none;background:#df145d;}
.move {font-family: Tahoma, Geneva, sans-serif;font-size: 12px;color: #FFF;text-decoration: none;}.nav-fade li {top:0px;color:#FFFFFF;font-family:Tahoma, Geneva, sans-serif;font-size:12px;padding: 7px 8px;display: inline-block;transition: background .45s ease-in-out;-moz-transition: background .45s ease-in-out;-webkit-transition: background .45s ease-in-out;}.nav-fade li:hover {background:#df145d;}.nav-fade li a{color:#FFFFFF;text-decoration:none;}.nav-fade li a:hover {color:#FFFFFF;text-decoration:none;}.bahaa{color:#df145d;display: inline-block;transition: color .45s ease-in-out;-moz-transition: color .45s ease-in-out;-webkit-transition: color .45s ease-in-out;text-decoration:none;}.bahaa:hover{color:#FFF;}
.ff{
   float:left;
  background-image:url('http://i65.tinypic.com/jahsus.jpg');
background-repeat:no-repeat;
  height:44px;
   width:190px;
}
.ff a{
   float:left;
   height:40px;
   width:45px;
}

  </style>


</head>

<body>
  <div class="top_nav" id="top_nav">
</div><br />
<table width="960" border="0" align="center" cellpadding="0" cellspacing="0" class="table_shadows">
<tr>
  <td valign="middle" height="210" align="center" colspan="3">
            <!-- header  -->

<style type="text/css">
div.fadehover {position: relative;top: 0px;right: 0px;}img.a1 {position: absolute;left: 109px;top: -44px;z-index: 10;}img.b1 {position: absolute;left: 109px;top: -44px;}body,td,th {font-family: Tahoma, Geneva, sans-serif;font-size: 12px;}
</style>


<table width="960" height="245" cellspacing="0" cellpadding="0" border="0" align="center">
  <tbody>
 
    <tr>
  <td width="288" valign="middle" align="center" rowspan="2">
    <img width="553" height="232" alt="راديو الايام ايامك هتكون احلى" src="http://i67.tinypic.com/2wn0pol.png"></td>
   
   
     
      </tbody></table>
     
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>

 
    &nbsp;</td>
  </tr>
 <tr>    <td valign="middle" height="200" align="center" style="width:600px">
<iframe src="https://mixlr.com/users/5006047/embed?autoplay=true" width="100%" height="180px" scrolling="no" frameborder="no" marginheight="0" marginwidth="0"></iframe><small><a href="http://mixlr.com/elayyem-radio" style="color:#1a1a1a;text-align:left; font-family:Helvetica, sans-serif; font-size:11px;">elayyem-radio is on Mixlr</a></small>
 
  </td>  </tr> 
 
</td>
  </tr>
</table>
<table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="190" align="center" valign="middle">
     <table width="728" height="90"border="0" align="center" cellpadding="0" cellspacing="0" class="table_shadows">
    <tr>
      <td align="center" class="table_shadows" valign="middle">
     
        <a title="اعلن معنا" target="_blank" href="/">
<img border="0" src="http://i86.servimg.com/u/f86/16/46/77/76/uo_ouo26.jpg" width="728" height="90"></a></td>
      </tr>
  </table>
 
  </td>
  </tr>
</table>


<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="4" bgcolor="#df145d"></td>
  </tr>
  <tr>
    <td height="36" align="center" valign="top" bgcolor="#000000"><table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="235" height="29" rowspan="3" align="center" valign="middle" class="move">Developed By <a rel="nofollow" href="http://www.t3qnyiat.com/" title="منتديات تقنيات" target="_new" class="bahaa">JAR7  <a href="http://www.ahlamontada.com" target="_blank"></a> </a></td>
                <td width="190" height="44" rowspan="3" align="center" valign="middle" class="move">
                  <div class="ff">
          <a target="_blank" href="#"></a>
          <a target="_blank" href="#"></a>
        <a target="_blank" href="#"></a>
          <a target="_blank" href="#"></a>
          <a target="_blank" href="#"></a>
        </div>
        </td>
        <td width="327" rowspan="3" align="center" valign="top">
        </td>
        <td width="398" height="44" align="right" valign="top" class="move">
        <ul class="nav-fade">
          <li><a target="_blank" href="#">رابط نصي</a></li>
          <li><a target="_blank" href="#">رابط نصي</a></li>
          <li><a href="#">رابط نصي</a></li>
          <li><a target="_blank" href="#">رابط نصي</a></li>
        </ul>
</td>
        </tr>
      <tr>
        <td height="1" bgcolor="#df145d"></td>
        </tr>
    </table></td>
  </tr>
</table>
</td>
    </tr>
  </table><div class="footer" id="footer">
</div>
</body>

</html>



JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2195
التقييم : 285
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: طلب تكويد بوابة

مُساهمة من طرف JAR7 في 14/05/16, 05:37 am

تم تعديل
@JAR7 كتب:تم مثل صورة المثال لم ازيد شئ
الرمز:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>راديو الايام ايامك هتكون احلى</title>
<style type="text/css">
.search_bk{background:#000}.table_shadows{outline:0;font-family:Tahoma,Geneva,sans-serif;color:#999}.table_sh{outline:0;background:-webkit-gradient(linear,left top,left 25,from(#fff),color-stop(4%,#eee),to(#fff));background:-moz-linear-gradient(top,#fff,#eee 1px,#fff 25px);box-shadow:rgba(0,0,0,0.3) 0 0 8px;-moz-box-shadow:rgba(0,0,0,0.3) 0 0 8px;-webkit-box-shadow:rgba(0,0,0,0.3) 0 0 8px}body{background-image:url(http://i86.servimg.com/u/f86/16/46/77/76/bg_mai10.jpg);background-repeat:repeat}#search input[type="text"]:focus{width:220px;color:#F36}#top_nav{position:absolute;width:100%;left:0;top:0;height:38px}#footer{position:absolute;width:100%;left:0;bottom:0;top:100%;height:38px;overflow:visible;visibility:visible;display:block}#d{font-family:Tahoma,Geneva,sans-serif;color:#999;padding:20px 20px;display:inline-block;transition:background .55s ease-in-out;-moz-transition:background .55s ease-in-out;-webkit-transition:background .55s ease-in-out;text-decoration:none}.pro{font-family:Tahoma,Geneva,sans-serif;color:#999;padding:10px 10px;display:inline-block;transition:background .55s ease-in-out;-moz-transition:background .55s ease-in-out;-webkit-transition:background .55s ease-in-out;text-decoration:none}.link{display:inline-block;transition:color .40s ease-in-out;-moz-transition:color .40s ease-in-out;webkit-transform:color .40s ease-in-out;text-decoration:none;color:#F36}.link:hover{color:#666}#ico{height:16px;width:16px;float:right;position:relative}#add_l{position:absolute;width:160px;left:25px;top:800px;height:600px}#add_r{position:absolute;width:160px;right:25px;top:800px;height:600px}
body,td,th{font-family:Tahoma,Geneva,sans-serif;font-size:12px;color:#999;text-decoration:none}.tab_bor{border:solid 1px #e5e5e5;outline:0;background:-webkit-gradient(linear,left top,left 25,from(#fff),color-stop(4%,#eee),to(#fff));background:-moz-linear-gradient(top,#fff,#eee 1px,#fff 25px);box-shadow:rgba(0,0,0,0.1) 0 0 8px;-moz-box-shadow:rgba(0,0,0,0.1) 0 0 8px;-webkit-box-shadow:rgba(0,0,0,0.1) 0 0 8px}div.fadehover{position:relative;top:0;right:0}img.a{position:absolute;left:31px;top:-100px;z-index:10}img.b{position:absolute;left:31px;top:-100px}.table_sh1{outline:0;background:-webkit-gradient(linear,left top,left 25,from(#fff),color-stop(4%,#eee),to(#fff));background:-moz-linear-gradient(top,#fff,#eee 1px,#fff 25px);box-shadow:rgba(0,0,0,0.3) 0 0 8px;-moz-box-shadow:rgba(0,0,0,0.3) 0 0 8px;-webkit-box-shadow:rgba(0,0,0,0.3) 0 0 8px}.table_sh11{outline:0;background:-webkit-gradient(linear,left top,left 25,from(#fff),color-stop(4%,#eee),to(#fff));background:-moz-linear-gradient(top,#fff,#eee 1px,#fff 25px);box-shadow:rgba(0,0,0,0.3) 0 0 8px;-moz-box-shadow:rgba(0,0,0,0.3) 0 0 8px;-webkit-box-shadow:rgba(0,0,0,0.3) 0 0 8px}
@charset "utf-8";body,h1,ul,li{margin:0;padding:0;border:0}#container{width:960px;position:relative;margin-right:0;margin-bottom:-40px;margin-left:0;top:-90px}div#slideshow{width:935px;height:375px;background:#fff;overflow:scroll;position:relative;z-index:5;padding-top:15px;padding-right:0;padding-bottom:0;padding-left:0;top:50px;border:solid 1px #e5e5e5;outline:0;background:-webkit-gradient(linear,left top,left 25,from(#fff),color-stop(4%,#eee),to(#fff));background:-moz-linear-gradient(top,#fff,#eee 1px,#fff 25px);box-shadow:rgba(0,0,0,0.3) 0 0 8px;-moz-box-shadow:rgba(0,0,0,0.3) 0 0 8px;-webkit-box-shadow:rgba(0,0,0,0.3) 0 0 8px}div#slideshow ul#nav{display:none;list-style:none;position:relative;top:150px;z-index:15}div#slideshow ul#nav li#prev{float:left;margin:0 0 0 10px}div#slideshow ul#nav li#next{float:right;margin:0 10px 0 0}div#slideshow ul#nav li a{display:block;width:80px;height:80px;text-indent:-9999px}div#slideshow ul#nav li#prev a{background:url(images/prev.png)}div#slideshow ul#nav li#next a{background:url(images/next.png)}div#slideshow ul#slides{list-style:none}div#slideshow ul#slides li{margin-top:0;margin-right:0;margin-bottom:20px;margin-left:0}a{outline:0}
#header{background-image:url(style/menu_images/header.png);background-repeat:no-repeat;height:42px;width:490px;margin-bottom:20px}ul,li{margin:0;padding:0;list-style:none}#but{height:32px;width:184px;margin:auto}#menu_class,#menu_class2,#menu_class3,#menu_class4{border:1px solid #1c1c1c;color:#FFF}#the_menu li,#the_menu2 li,#the_menu3 li,#the_menu4 li{background-color:#141414}#the_menu li a,#the_menu2 li a,#the_menu3 li a,#the_menu4 li a{color:#fff;text-decoration:none;padding:10px;display:block;text-align:right;font-family:Tahoma,Geneva,sans-serif;font-size:12px}
.move {font-family: Tahoma, Geneva, sans-serif;font-size: 12px;color: #FFF;text-decoration: none;}#the_menu , #the_menu2 , #the_menu3 , #the_menu4{display:none;width:184px;border: 1px solid #1c1c1c;opacity:0.90;filter:alpha(opacity=90);position: absolute;}#the_menu li a:hover , #the_menu2 li a:hover , #the_menu3 li a:hover , #the_menu4 li a:hover{padding:10px;font-weight:bold;color:#FFFFFF;background-image:url(style_1/cat_active.png);}
div.fadehover {position: relative;top: 0px;right: 0px;}img.a1 {position: absolute;left: 109px;top: -44px;z-index: 10;}img.b1 {position: absolute;left: 109px;top: -44px;}body,td,th {font-family: Tahoma, Geneva, sans-serif;font-size: 12px;}
#r_nav {height:62px;background-color:#000000;display: inline-block;transition: background .50s ease-in-out;-moz-transition: background .50s ease-in-out;-webkit-transition: background .50s ease-in-out;width: 656px;background-repeat: repeat-x;top: 200px;}#r_nav ul {list-style:none;margin-top: 0px;margin-right: 1px;margin-bottom: 0px;margin-left: 0px;}#r_nav li {float:right;line-height: 62px;}#r_nav li a {background: #000;color:#FFFFFF;display: inline-block;transition: background .50s ease-in-out;-moz-transition: background .50s ease-in-out;-webkit-transition: background .50s ease-in-out;float:right;text-decoration:none;text-decoration:none;padding-top: 0;padding-right: 25px;padding-bottom: 0;padding-left: 25px;border-top-width: 0px;border-right-width: 1px;border-bottom-width: 0px;border-left-width: 1px;border-top-style: solid;border-right-style: solid;border-bottom-style: solid;border-left-style: solid;border-top-color: #252525;border-right-color: #252525;border-bottom-color: #252525;border-left-color: #252525;font-size: 13px;margin-right: -1px;font-family: Tahoma, Geneva, sans-serif;}#r_nav li a:hover {text-decoration:none;background:#df145d;}#r_nav li a.selected {text-decoration:none;background:#df145d;}
.move {font-family: Tahoma, Geneva, sans-serif;font-size: 12px;color: #FFF;text-decoration: none;}.nav-fade li {top:0px;color:#FFFFFF;font-family:Tahoma, Geneva, sans-serif;font-size:12px;padding: 7px 8px;display: inline-block;transition: background .45s ease-in-out;-moz-transition: background .45s ease-in-out;-webkit-transition: background .45s ease-in-out;}.nav-fade li:hover {background:#df145d;}.nav-fade li a{color:#FFFFFF;text-decoration:none;}.nav-fade li a:hover {color:#FFFFFF;text-decoration:none;}.bahaa{color:#df145d;display: inline-block;transition: color .45s ease-in-out;-moz-transition: color .45s ease-in-out;-webkit-transition: color .45s ease-in-out;text-decoration:none;}.bahaa:hover{color:#FFF;}
.ff{
   float:left;
  background-image:url('http://i65.tinypic.com/jahsus.jpg');
background-repeat:no-repeat;
  height:44px;
   width:190px;
}
.ff a{
   float:left;
   height:40px;
   width:45px;
}

  </style>


</head>

<body>
  <div class="top_nav" id="top_nav">
</div><br />
<table width="960" border="0" align="center" cellpadding="0" cellspacing="0" class="table_shadows">
<tr>
  <td valign="middle" height="210" align="center" colspan="3">
            <!-- header  -->

<style type="text/css">
div.fadehover {position: relative;top: 0px;right: 0px;}img.a1 {position: absolute;left: 109px;top: -44px;z-index: 10;}img.b1 {position: absolute;left: 109px;top: -44px;}body,td,th {font-family: Tahoma, Geneva, sans-serif;font-size: 12px;}
</style>


<table width="960" height="245" cellspacing="0" cellpadding="0" border="0" align="center">
  <tbody>
 
    <tr>
   <td width="288" valign="middle" align="center" rowspan="2">
     <img width="553" height="232" alt="راديو الايام ايامك هتكون احلى" src="http://i67.tinypic.com/2wn0pol.png"></td>
    
    
      
      </tbody></table>
      
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>

<table width="960" height="245" cellspacing="0" cellpadding="0" border="0" align="center">
 
    &nbsp;</td>
  </tr>
 <tr>    <td valign="middle" height="200" align="center" style="width:600px">
<iframe src="https://mixlr.com/users/5006047/embed?autoplay=true" width="100%" height="180px" scrolling="no" frameborder="no" marginheight="0" marginwidth="0"></iframe><small><a href="http://mixlr.com/elayyem-radio" style="color:#1a1a1a;text-align:left; font-family:Helvetica, sans-serif; font-size:11px;">elayyem-radio is on Mixlr</a></small>
  
   </td>   </tr>  
  
</td>
  </tr>
</table>
<table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="190" align="center" valign="middle">
     <table width="728" height="90"border="0" align="center" cellpadding="0" cellspacing="0" class="table_shadows">
    <tr>
      <td align="center" class="table_shadows" valign="middle">
      
        <a title="اعلن معنا" target="_blank" href="/">
<img border="0" src="http://i86.servimg.com/u/f86/16/46/77/76/uo_ouo26.jpg" width="728" height="90"></a></td>
      </tr>
  </table>
  
  </td>
  </tr>
</table>


<table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="4" bgcolor="#df145d"></td>
  </tr>
  <tr>
    <td height="36" align="center" valign="top" bgcolor="#000000"><table width="960" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="235" height="29" rowspan="3" align="center" valign="middle" class="move">Developed By <a rel="nofollow" href="http://www.t3qnyiat.com/" title="منتديات تقنيات" target="_new" class="bahaa">JAR7  <a href="http://www.ahlamontada.com" target="_blank"></a> </a></td>
                <td width="190" height="44" rowspan="3" align="center" valign="middle" class="move">
                  <div class="ff">
          <a target="_blank" href="#"></a>
          <a target="_blank" href="#"></a>
         <a target="_blank" href="#"></a>
          <a target="_blank" href="#"></a>
          <a target="_blank" href="#"></a>
        </div>
         </td>
        <td width="327" rowspan="3" align="center" valign="top">
        </td>
        <td width="398" height="44" align="right" valign="top" class="move">
        <ul class="nav-fade">
          <li><a target="_blank" href="#">رابط نصي</a></li>
          <li><a target="_blank" href="#">رابط نصي</a></li>
          <li><a href="#">رابط نصي</a></li>
          <li><a target="_blank" href="#">رابط نصي</a></li>
        </ul>
</td>
        </tr>
      <tr>
        <td height="1" bgcolor="#df145d"></td>
        </tr>
    </table></td>
  </tr>
</table>
</td>
    </tr>
  </table><div class="footer" id="footer">
</div>
</body>

</html>



JAR7
مؤسس المنتدى


الجنس : انثى
عدد المساهمات : 2195
التقييم : 285
تاريخ التسجيل : 05/01/2016
اوسمتي : :10:10:10

معاينة صفحة البيانات الشخصي للعضو http://www.t3qnyiat.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

إنشاء حساب أو تسجيل الدخول لتستطيع الرد

تحتاج إلى أن يكون عضوا لتستطيع الرد.

انشئ حساب

يمكنك الانضمام لمنتديات تقنيات فعملية التسجيل سهله !


انشاء حساب جديد

تسجيل الدخول

اذا كنت مسجل معنا فيمكنك الدخول بالضغط هنا


تسجيل الدخول

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى