منتديات جواهر ستار التعليمية
أهلا وسهلا بك زائرنا الكريم ، في منتديات جواهر ستار التعليميه
المرجو منك أن تقوم بتسجـيل الدخول لتقوم بالمشاركة معنا. إن لم يكن لـديك حساب بعـد ، نتشرف بدعوتك لإنشائه بالتسجيل لديـنا . سنكون سعـداء جدا بانضمامك الي اسرة المنتدى

مع تحيات الإدارة

نسيت كلمة السر !!

نموذج إعلان

pic

نموذج إعلان

pic

نموذج إعلان

pic


آخر المواضيع
الموضوع
تاريخ إرسال المشاركة
بواسطة
موضوع العلوم الطبيعية شهادة التعليم المتوسط 2014
نوعا الموصولِ
انهيار النظام الاشتراكي و بروز الاقتصاديات الاسيوية
مذكرات اللغة العربية للسنة الرابعة ابتدائي مقطع
مطويات كليك في العلوم الفيزيائية سنة 4 متوسط
دُروس خصُوصيـّـۃ لِطُـلابْ « bem 2018 »بــدأتْ في مآدة العلـوم الطبيعـية و الحيـآة
الدرس الخامس - التحديد فى الفوتوشوب - 2 - Selection In photoshop
شرح مفصل لحل جملة معادلتين
حوليات السنة الخامسة ابتدائي ( ماي + جوان )
قصة حبي أشبه بمسلسل تركي
التربية الموسيقية - تآليف موسيقية : الفالس
موضوع الهندسة الكهربائية بكالوريا 2017 شعبة تقني رياضي
الأربعاء 5 يونيو - 22:51:41
الجمعة 26 أبريل - 20:09:25
الجمعة 26 أبريل - 20:08:16
الجمعة 26 أبريل - 20:07:44
الجمعة 26 أبريل - 20:07:18
الجمعة 26 أبريل - 19:37:24
الجمعة 26 أبريل - 19:28:23
الجمعة 26 أبريل - 19:26:55
الجمعة 26 أبريل - 19:23:17
الجمعة 26 أبريل - 19:21:57
الجمعة 26 أبريل - 19:21:24
الجمعة 26 أبريل - 19:20:52
مستر
مستر
مستر
مستر
مستر
satarcette
محمد12
محمد12
محمد12
السان سيرو وان
السان سيرو وان
السان سيرو وان
الاعضاء فقط من يستطيع النسخ بعد مشركات
0

منتديات جواهر ستار التعليمية :: الاكواد و التقنيات || Codes and techniques

شاطر

 تكويد او تصميم مثل هذا او تحويله لاحلى منتدى ارجو الرد بسرعة Emptyالسبت 8 يوليو - 23:52:49
المشاركة رقم:
Admin
Admin

berber

إحصائيةالعضو

عدد المساهمات : 18005
تاريخ التسجيل : 16/06/2009
http://www.berberjawahir.com/
مُساهمةموضوع: تكويد او تصميم مثل هذا او تحويله لاحلى منتدى ارجو الرد بسرعة


تكويد او تصميم مثل هذا او تحويله لاحلى منتدى ارجو الرد بسرعة


موقع واعجبني مدخله جدا
انه مدخل على شكل مجلة اه لو يمكنني تركيبه على منتداي
اذا امكن هذا رابط الموقع ومدخله مباشرة

http://www.stardima.com/home/

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





الكود:

<!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>
.header-wrapper-background {
    background: #2c3e4f none repeat scroll 0 0;
    border-top: 6px solid #c0392b;
}
.header {
    margin: auto;
    max-width: 1180px;
}
.flex-row-reverse {
    display: flex;
    flex-flow: row-reverse wrap;
}
.header-logo-lc-mc {
    margin-bottom: -48px;
}
.header-logo {
    background: #2c3e4f none repeat scroll 0 0;
    float: right !important;
    height: 90px;
    padding: 6px;
    position: relative;
    text-align: center;
    width: 200px;
}
#image-lc {
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    margin: auto;
    max-height: 80px;
    max-width: 96%;
    position: absolute;
    right: 0;
    top: 0;
}
.lc-95 {
    width: 79.1667%;
}
.lc-show {
    display: block;
}
.site-menu {
    background-color: #2c3e4f;
}
  body{
   background-color: #F0F0F0;
   margin: 0;
    padding: 0; 
 
  }
* {
    box-sizing: inherit;
}
.site-menu ul {
    float: left;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
    transition: visibility 0s ease 0s, opacity 0.8s ease 0s;
}
.site-menu ul {
    list-style: outside none none;
}
.site-menu .nav-home-link {
    background: #c0392b none repeat scroll 0 0;
    float: right;
    min-width: 46px;
    text-align: center;
}
.site-menu ul li a {
    border-left: 1px solid #3a5269;
    color: #ffffff;
    display: block;
    min-height: 30px;
    padding: 12px 10px;
}


large {
    font-size: 24px !important;
}


#center {
    margin: 10px auto;
    max-width: 1180px;
}
.flex-row, .site, .form-unit, .app_option, .pages ul, .content-caption, .site-menu ul {
    display: flex;
    flex-flow: row wrap;
}
.lc-120 {
    width: 100%;
}
.lc-40 {
    width: 33.3333%;
}
.article-brief-content {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 2px #b5b5b5;
    height: 97%;
    line-height: 1.4;
    margin: 0 0 3%;
    transition: box-shadow 0.5s ease 0s;
    width: 98%;
}

.article-brief-content .image-wrapper {
    overflow: hidden;
    position: relative;
}
.article-brief-content .image-wrapper img {
    height: 200px;
    object-fit: cover;
    transition: transform 0.5s ease 0s;
    vertical-align: bottom;
    width: 100%;
}
.article-brief-content:hover > .image-wrapper img {
    transform: scale(1.1);
}
.article-brief-content .title {
    color: #2c3e4f;
    padding: 6px;
    text-align: justify;
}

body a {
    color: #c0392b;
    text-decoration: none;
}

.article-brief-content .title h2 {
    font-size: inherit;
    margin: 0;
    padding: 0;
}
.article-brief-content .brief-text:empty {
    display: none;
}
.article-brief-content .brief-text {
    border-top: 1px solid #b5b5b5;
    opacity: 0.65;
    padding: 6px;
    text-align: justify;
    transition: opacity 0.5s ease 0s;
}

</style>
</head>

<body><div class="header-wrapper-background"><div class="header flex-row-reverse"><div class="header-logo header-logo-lc-mc mc-35 lc-25 sc-hide mc-show lc-show">
<a href="/">
 <img id="image-lc" src="http://www.stardima.com/home/upload/11-2016/system/5821e0511ebcf.png" alt="اسم موقعك"/>
 </a></div>
<nav class="site-menu sc-120 mc-85 lc-95 sc-hide mc-show lc-show" role="navigation">
<ul id="site-menu-area"><li><a href="/" class="nav-home-link">
المنتدى
</a></li>
<li><a href="#">رابط نصي</a></li>
 <li><a href="#">رابط نصي</a></li>
  <li><a href="#">رابط نصي</a></li>
   <li><a href="#">رابط نصي</a></li>
    <li><a href="#">رابط نصي</a></li>
    <li><a href="#">رابط نصي</a></li>
  </ul></nav>
</div></div>
<br>
<br><div id="center"><div class="site"><div class="site-content sc-120 mc-120 lc-120"><div class="flex-row"><div class="sc-120 mc-60 lc-40"><div class="article-brief-content" onclick="location.href='#'"><div class="image-wrapper">
<img src="http://www.stardima.com/home/upload/11-2016/article/13416883_10154091224980999_5270016414876570286_o-450px.jpg"/>
</div><div class="title">
<a href="#">
<h2>اسم الموضوع</h2>
</a>
</div><div class="brief-text"></div>
</div>
</div>

<div class="sc-120 mc-60 lc-40"><div class="article-brief-content" onclick="location.href='#'"><div class="image-wrapper">
<img src="http://www.stardima.com/home/upload/11-2016/article/13416883_10154091224980999_5270016414876570286_o-450px.jpg"/>
</div><div class="title">
<a href="#">
<h2>اسم الموضوع</h2>
</a>
</div><div class="brief-text"></div>
</div>
</div>

<div class="sc-120 mc-60 lc-40"><div class="article-brief-content" onclick="location.href='#'"><div class="image-wrapper">
<img src="http://www.stardima.com/home/upload/11-2016/article/13416883_10154091224980999_5270016414876570286_o-450px.jpg"/>
</div><div class="title">
<a href="#">
<h2>اسم الموضوع</h2>
</a>
</div><div class="brief-text"></div>
</div>
</div>


<div class="sc-120 mc-60 lc-40"><div class="article-brief-content" onclick="location.href='#'"><div class="image-wrapper">
<img src="http://www.stardima.com/home/upload/11-2016/article/13416883_10154091224980999_5270016414876570286_o-450px.jpg"/>
</div><div class="title">
<a href="#">
<h2>اسم الموضوع</h2>
</a>
</div><div class="brief-text"></div>
</div>
</div>


<div class="sc-120 mc-60 lc-40"><div class="article-brief-content" onclick="location.href='#'"><div class="image-wrapper">
<img src="http://www.stardima.com/home/upload/11-2016/article/13416883_10154091224980999_5270016414876570286_o-450px.jpg"/>
</div><div class="title">
<a href="#">
<h2>اسم الموضوع</h2>
</a>
</div><div class="brief-text"></div>
</div>
</div>


<div class="sc-120 mc-60 lc-40"><div class="article-brief-content" onclick="location.href='#'"><div class="image-wrapper">
<img src="http://www.stardima.com/home/upload/11-2016/article/13416883_10154091224980999_5270016414876570286_o-450px.jpg"/>
</div><div class="title">
<a href="#">
<h2>اسم الموضوع</h2>
</a>
</div><div class="brief-text"></div>
</div>
</div>




</div></div></div></div>
</body>

</html>





توقيع : berber



_________________
 تكويد او تصميم مثل هذا او تحويله لاحلى منتدى ارجو الرد بسرعة 695-55






الــرد الســـريـع
..



الذين يشاهدون محتوى الموضوع الآن : 20 ( الأعضاء 3 والزوار 17)



 تكويد او تصميم مثل هذا او تحويله لاحلى منتدى ارجو الرد بسرعة Collapse_theadتعليمات المشاركة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة


منتدى تحضير بكالوريا 2017 قسم السنة الرابعة متوسط شهادة المتوسط BEM 2017منتديات جواهر ستار التعليمية