منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انشاء منتدى مجاني شبيه بهذا المنتدى

طلب كود البيانات الشخصية

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

طلب كود البيانات الشخصية

مُساهمة من طرف king11 في الجمعة 20 فبراير 2015 - 20:47

انا اطلب كود مثل هذا ::




وهو عباره عن html + css

king11
 
 

ذكر
عدد المساهمات : 172
معدل النشاط : 1517

http://www.naruto-arabic.net

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

رد: طلب كود البيانات الشخصية

مُساهمة من طرف وهبة الساحر في الجمعة 20 فبراير 2015 - 21:57


وهبة الساحر
 
 

ذكر
عدد المساهمات : 9500
معدل النشاط : 11462

http://3arb-way.a7larab.net/

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

رد: طلب كود البيانات الشخصية

مُساهمة من طرف admazin في الجمعة 20 فبراير 2015 - 22:03

بسم الله الرحمان الر 
السلام عليكم و بعد:
ربما ينفعك اخي هذا الرابط

مع التحية


عدل سابقا من قبل admazin في الجمعة 20 فبراير 2015 - 22:04 عدل 1 مرات (السبب : عفوا الأخ المرشح وهبة الساحر)

admazin



ذكر
عدد المساهمات : 39
معدل النشاط : 1213

http://www.almoufid.forumalgerie.net

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

رد: طلب كود البيانات الشخصية

مُساهمة من طرف شاعر زمانه في الجمعة 20 فبراير 2015 - 23:21

@king11 كتب:انا اطلب كود مثل هذا ::




وهو عباره عن html + css

مرحبا اخيCool

إذا لديك حق التعديل على التومبلات

فضع الرابط الي التقطة منه هذه الصورة

إن لم تملك حق التعديل على التومبلات

فـ اتمنا تعذرني

شاعر زمانه
 
 

ذكر
عدد المساهمات : 1735
معدل النشاط : 3343

http://javascript:self.close()

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

رد: طلب كود البيانات الشخصية

مُساهمة من طرف king11 في السبت 21 فبراير 2015 - 4:55

هو مش صعب للخبراء بالأكواد css + html

انا اريد مثله اذا سمحتم

king11
 
 

ذكر
عدد المساهمات : 172
معدل النشاط : 1517

http://www.naruto-arabic.net

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

رد: طلب كود البيانات الشخصية

مُساهمة من طرف new.moon في السبت 21 فبراير 2015 - 5:12

مرحبا بك اعطيني رابط المنتدى الذي اخذت منه الصوره لأحاول اقرب لك المظهر كما في الصوره لمنتداك .. بأستخدام CSS

new.moon
أحلى إشراف
أحلى  إشراف

ذكر
عدد المساهمات : 10717
معدل النشاط : 12152

http://yasirayad.com/

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

رد: طلب كود البيانات الشخصية

مُساهمة من طرف king11 في السبت 21 فبراير 2015 - 7:00

اتفضل ::  vb.zi-m.com/showthread.php?t=973835


وانا حصلت كود يشبه طريقته في العمل لاكن اريده نفس شكل اللي بالصوره

الكود ::

الرمز:
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="en"> <!--<![endif]-->
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Tabbed Widget</title>
  <link rel="stylesheet" href="css/style.css">
  <!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
  <div class="widget">
    <ol class="widget-list" id="managers">
      <li>
        <a class="widget-list-link">
          <img src="http://www.gravatar.com/avatar/47?f=y&amp;s=64&amp;d=identicon">
          Manager #1 <span>481 followers</span>
        </a>
      </li>
      <li>
        <a class="widget-list-link">
          <img src="http://www.gravatar.com/avatar/47?f=y&amp;s=64&amp;d=identicon">
          Manager #2 <span>5162 followers</span>
        </a>
      </li>
      <li>
        <a class="widget-list-link">
          <img src="http://www.gravatar.com/avatar/47?f=y&amp;s=64&amp;d=identicon">
          Manager #3 <span>342 followers</span>
        </a>
      </li>
    </ol>

    <ol class="widget-list" id="designers">
      <li>
        <a class="widget-list-link">
          <img src="http://www.gravatar.com/avatar/5?f=y&amp;s=64&amp;d=identicon">
          Designer #1 <span>481 followers</span>
        </a>
      </li>
      <li>
        <a class="widget-list-link">
          <img src="http://www.gravatar.com/avatar/5?f=y&amp;s=64&amp;d=identicon">
          Designer #2 <span>5162 followers</span>
        </a>
      </li>
      <li>
        <a class="widget-list-link">
          <img src="http://www.gravatar.com/avatar/5?f=y&amp;s=64&amp;d=identicon">
          Designer #3 <span>342 followers</span>
        </a>
      </li>
    </ol>

    <ol class="widget-list" id="developers">
      <li>
        <a class="widget-list-link">
          <img src="http://www.gravatar.com/avatar/6?f=y&amp;s=64&amp;d=identicon">
          Developer #1 <span>481 followers</span>
        </a>
      </li>
      <li>
        <a class="widget-list-link">
          <img src="http://www.gravatar.com/avatar/6?f=y&amp;s=64&amp;d=identicon">
          Developer #2 <span>5162 followers</span>
        </a>
      </li>
      <li>
        <a class="widget-list-link">
          <img src="http://www.gravatar.com/avatar/6?f=y&amp;s=64&amp;d=identicon">
          Developer #3 <span>342 followers</span>
        </a>
      </li>
    </ol>

    <ul class="widget-tabs">
      <li class="widget-tab">
        <a href="#managers" class="widget-tab-link">Managers</a>
        <!-- Omitting the end tag is valid HTML and removes the space in-between inline blocks. -->
      <li class="widget-tab">
        <a href="#designers" class="widget-tab-link">Designers</a>
      <li class="widget-tab">
        <a href="#developers" class="widget-tab-link">Developers</a>
    </ul>
  </div>

  <div class="about">
    <p class="about-links">
      <a href="http://www.cssflow.com/snippets/tabbed-widget" target="_parent">View Article</a>
      <a href="http://www.cssflow.com/snippets/tabbed-widget.zip" target="_parent">Download</a>
    </p>
    <p class="about-author">
      © 2013 <a href="http://thibaut.me" target="_blank">Thibaut Courouble</a> -
      <a href="http://www.cssflow.com/mit-license" target="_blank">MIT License</a><br>
      Original PSD by <a href="http://dribbble.com/shots/961963-Contact-Designers-PSD-Included" target="_blank">Aaron Sananes</a>
    </p>
  </div>
</body>
</html>


<style type="text/css" id="vbulletin_css">
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.about {
  margin: 70px auto 40px;
  padding: 8px;
  width: 260px;
  font: 10px/18px 'Lucida Grande', Arial, sans-serif;
  color: #bbb;
  text-align: center;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  background: #383838;
  background: rgba(34, 34, 34, 0.8);
  border-radius: 4px;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 6px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0 0 6px rgba(0, 0, 0, 0.4);
}
.about a {
  color: #eee;
  text-decoration: none;
  border-radius: 2px;
  -webkit-transition: background 0.1s;
  -moz-transition: background 0.1s;
  -o-transition: background 0.1s;
  transition: background 0.1s;
}
.about a:hover {
  text-decoration: none;
  background: #555;
  background: rgba(255, 255, 255, 0.15);
}

.about-links {
  height: 30px;
}
.about-links > a {
  float: left;
  width: 50%;
  line-height: 30px;
  font-size: 12px;
}

.about-author {
  margin-top: 5px;
}
.about-author > a {
  padding: 1px 3px;
  margin: 0 -1px;
}

/*
 * Copyright (c) 2013 Thibaut Courouble
 * http://www.cssflow.com
 *
 * Licensed under the MIT License:
 * http://www.opensource.org/licenses/mit-license.php
 */
/* Note: this implementation is very hacky.
   You may not want to use it in production.  */
body {
  font: 12px/20px 'Lucida Grande', Verdana, sans-serif;
  color: #404040;
  background: #eee;
}

.widget {
  position: relative;
  margin: 50px auto;
  width: 320px;
  background: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.07);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.07);
}

.widget-tabs {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 9px 12px 0;
  text-align: left;
  /* Make the last tab in the DOM the left-most tab on the screen.
     That way we can activate it by default and still be able to
     deactivate it later using the ~ selector. */
  direction: rtl;
  background: #f5f5f5;
  border-bottom: 1px solid #ddd;
  border-radius: 3px 3px 0 0;
}

.widget-tab,
.widget-list:target:first-of-type ~ .widget-tabs > .widget-tab:first-child ~ .widget-tab,
.widget-list:target:nth-of-type(2) ~ .widget-tabs > .widget-tab:nth-child(2) ~ .widget-tab,
.widget-list:target:last-of-type ~ .widget-tabs > .widget-tab:last-child ~ .widget-tab {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-top: 3px;
  line-height: 36px;
  font-weight: normal;
  color: #999;
  background: #fcfcfc;
  border: solid #ddd;
  border-width: 1px 1px 0;
  border-radius: 5px 5px 0 0;
  /* Reset %active-widget-tab */
  padding-bottom: 0;
  bottom: auto;
}
.widget-tab > .widget-tab-link,
.widget-list:target:first-of-type ~ .widget-tabs > .widget-tab:first-child ~ .widget-tab > .widget-tab-link,
.widget-list:target:nth-of-type(2) ~ .widget-tabs > .widget-tab:nth-child(2) ~ .widget-tab > .widget-tab-link,
.widget-list:target:last-of-type ~ .widget-tabs > .widget-tab:last-child ~ .widget-tab > .widget-tab-link {
  margin: 0;
  border-top: 0;
}

.widget-tab + .widget-tab {
  margin-right: -1px;
}

.widget-tab:last-child,
.widget-list:target:first-of-type ~ .widget-tabs > .widget-tab:first-child,
.widget-list:target:nth-of-type(2) ~ .widget-tabs > .widget-tab:nth-child(2),
.widget-list:target:last-of-type ~ .widget-tabs > .widget-tab:last-child {
  bottom: -1px;
  margin-top: 0;
  padding-bottom: 2px;
  line-height: 34px;
  font-weight: bold;
  color: #555;
  background: white;
  border-top: 0;
}
.widget-tab:last-child > .widget-tab-link,
.widget-list:target:first-of-type ~ .widget-tabs > .widget-tab:first-child > .widget-tab-link,
.widget-list:target:nth-of-type(2) ~ .widget-tabs > .widget-tab:nth-child(2) > .widget-tab-link,
.widget-list:target:last-of-type ~ .widget-tabs > .widget-tab:last-child > .widget-tab-link {
  margin: 0 -1px;
  border-top: 4px solid #4cc8f1;
}

/* Deactivate the default tab when a preceding tab is activated. */
.widget-tab-link {
  display: block;
  min-width: 60px;
  padding: 0 15px;
  color: inherit;
  text-align: center;
  text-decoration: none;
  border-radius: 4px 4px 0 0;
}

.widget-list {
  display: none;
  padding-top: 50px;
  /* The last list is activated (visible) by default. */
}
.widget-list > li + li {
  border-top: 1px solid #e8e8e8;
}
.widget-list:last-of-type {
  display: block;
}
.widget-list:target {
  display: block;
  /* Hide the default list when another is activated. */
  /* First list activates the first tab, second list activates the second tab, etc. */
}
.widget-list:target ~ .widget-list {
  display: none;
}

.widget-list-link {
  display: block;
  line-height: 18px;
  padding: 10px 12px;
  font-weight: bold;
  color: #555;
  text-decoration: none;
  cursor: pointer;
}
.widget-list-link:hover {
  background: #f7f7f7;
}
li:last-child > .widget-list-link {
  border-radius: 0 0 3px 3px;
}
.widget-list-link > img {
  float: left;
  width: 32px;
  height: 32px;
  margin: 2px 12px 0 0;
}
.widget-list-link > span {
  display: block;
  font-size: 11px;
  font-weight: normal;
  color: #999;
}
</style>

king11
 
 

ذكر
عدد المساهمات : 172
معدل النشاط : 1517

http://www.naruto-arabic.net

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

رد: طلب كود البيانات الشخصية

مُساهمة من طرف king11 في السبت 21 فبراير 2015 - 7:01

ملاحظه انا املك حق التعديل على التومبيلات

king11
 
 

ذكر
عدد المساهمات : 172
معدل النشاط : 1517

http://www.naruto-arabic.net

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

رد: طلب كود البيانات الشخصية

مُساهمة من طرف king11 في الإثنين 23 فبراير 2015 - 21:04

حتى الأن مافي رد من الخبراء

رجاء ساعدوني ياخبراء ال css + html

king11
 
 

ذكر
عدد المساهمات : 172
معدل النشاط : 1517

http://www.naruto-arabic.net

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

رد: طلب كود البيانات الشخصية

مُساهمة من طرف king11 في الأربعاء 25 فبراير 2015 - 20:06

رجاء اتمنى الرد من الخبراء

وخاصه ::  new.moon@

king11
 
 

ذكر
عدد المساهمات : 172
معدل النشاط : 1517

http://www.naruto-arabic.net

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

رد: طلب كود البيانات الشخصية

مُساهمة من طرف new.moon في الأربعاء 25 فبراير 2015 - 23:04

@king11 كتب:رجاء اتمنى الرد من الخبراء

وخاصه ::  new.moon@
عزيزي

تحيه طيبة ...

بخصوص ما تطلبه كأنك تطلب تحويل شيئ من في بي الى قوالب تومبلايت قسم دعم مشاكل التومبلايت و الأكواد

هو مختص بمشاكل تواجه مستخدمين احلى منتدى في القوالب وليس قسم لتحويل بيانات شخصيه او اقسام منتديات او هيدر لمنتديات في بي الى احلى منتدى , 

بخصوص طلبك تستطيع مراسله المختصين في تحويل الستايلات فهذه اختصاصهم ..  وانا مع الاسف الشديد لست متفرغ لهذه المجال حاليا .. تحياتي Cool

new.moon
أحلى إشراف
أحلى  إشراف

ذكر
عدد المساهمات : 10717
معدل النشاط : 12152

http://yasirayad.com/

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

رد: طلب كود البيانات الشخصية

مُساهمة من طرف شاعر زمانه في الخميس 26 فبراير 2015 - 11:22

@king11 كتب:رجاء اتمنى الرد من الخبراء

وخاصه ::  new.moon@

مرحباً اخي Cool

انتظرت دخولك لكي اسالك هذا السؤال
ماهي نسخة منتداك

لقد جهزت الكود ولاكن ينقصني نوع النسخة لكي لا اتعب مرة اخرى


شاعر زمانه
 
 

ذكر
عدد المساهمات : 1735
معدل النشاط : 3343

http://javascript:self.close()

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

رد: طلب كود البيانات الشخصية

مُساهمة من طرف شاعر زمانه في الخميس 26 فبراير 2015 - 12:04

بما انك سحبت علي

فاعذرني س انسحب من الموضوع

وهاذا هو الكود

الرمز:
<head> <link rel="stylesheet" type="text/css" href="http://store0.up-00.com/dl/c12bc/style[2].css"> <script type="text/javascript" src="http://store3.up-00.com/dl/c12bc/tabcontent[1]-js.js"></script> <script type="text/javascript" src="http://store3.up-00.com/dl/c12bc/ddsmoothmenu[1]-js.js"></script> </head>
<table border="0" id="table3" cellpadding="0" width="190"> <tbody><tr> <td>  <div id="m7amdtabs2322125" class="djdot" style="position:relative;
    right:0;
    font: 9px tahoma;
    width: 180px;
    margin:13px 0 0 0;
    z-index:2;"> <ul style="margin: 0;
    padding: 0;
    position: absolute;
    right:0;
    float:right; width: 180px;"> <li style="    display: inline;
    color: #FFF;
    font-size:10px;
    float:right;
    height:28px;"><span title="معلومات"><a href="#" rel="tab123221252" id="selected12322125" class="selected" style="">
معلومات <img src="http://i38.servimg.com/u/f38/19/15/54/06/tabs_u10.png" width="11" height="11" alt="معلومات" title="معلومات" border="0"></a></span></li> <li style="    display: inline;
    color: #FFF;
    font-size:10px;
    float:right;
    height:28px;"><span title="أوسمة"><a href="#" rel="tab223221252" class="" style="">
أوسمة <img src="http://i38.servimg.com/u/f38/19/15/54/06/tabs_a10.png" width="11" height="11" alt="أوسمة" title="أوسمة" border="0"></a></span></li> <li style="    display: inline;
    color: #FFF;
    font-size:10px;
    float:right;
    height:28px;"><span title="تواصل"><a href="#" rel="tab323221252" class="" style="">
تواصل <img src="http://i38.servimg.com/u/f38/19/15/54/06/tabs_c10.png" width="11" height="11" alt="تواصل" title="تواصل" border="0"></a></span></li> </ul> </div>  <div id="tab123221252" class="tabcontent" style="display: block;"> <div class="pro-mem1"><b>رقمْ الـ‘ع ـضويـهـ : </b> <span>50539</span></div> <div class="pro-mem1"><b>الجنس : </b> <span>ذكر</span></div> <div class="pro-mem1"><b>مشـاآركـاآتي :</b> <span> 25,598</span></div> <div class="pro-mem1"><b>الأنمي المفضل :</b> <span> </span></div> <div class="pro-mem1"><b>الدراما المفضلة :</b> <span> </span></div> <div class="pro-memno"><b>نقـاآطي : </b> <span>318417</span></div> </div>  <div id="tab223221252" class="tabcontent" style="display: none;"> <div class="pro-mem2" style="background:#f8f2c4;"><img src="http://i38.servimg.com/u/f38/19/15/54/06/award_10.png" border="0" alt="الأوسمة والجوائز" title="الأوسمة والجوائز"><span>الأوسمة</span></div> <div class="pro-memno">  <br> <div align="center"> <marquee direction="right" scrollamount="2" scrolldelay="90"> <a rel="nofollow" href="/#aw_issue111"><img src="http://i38.servimg.com/u/f38/19/15/54/06/medal-10.gif" alt="وسام الإبداع" border="0" title="وسام الإبداع"></a>&nbsp;
 <a rel="nofollow" href="/#aw_issue118"><img src="http://i38.servimg.com/u/f38/19/15/54/06/medal-11.gif" alt="وسام التميز" border="0" title="وسام التميز"></a>&nbsp;
 <a rel="nofollow" href="/#aw_issue433"><img src="http://i38.servimg.com/u/f38/19/15/54/06/medal-11.gif" alt="أفضل ناشر" border="0" title="أفضل ناشر"></a>&nbsp;
</marquee> </div> <br>
(<a rel="nofollow" href="/#award">أكثر» ...</a>)
</div>  </div>   <div id="tab323221252" class="tabcontent" style="display: none;"> <div class="pro-mem1"><img border="0" src="http://i38.servimg.com/u/f38/19/15/54/06/tumblr10.png"> <span><a onclick="_gaq.push(['_trackEvent', 'Outgoing', 'ذكر.tumblr.com', '/']);" target="_blank" href="http://ذكر.tumblr.com/">Tumblr</a></span></div> </div> <script type="text/javascript">
var mytabs=new ddtabcontent("m7amdtabs2322125")
mytabs.setpersist(false)
mytabs.setselectedClassTarget("link")
mytabs.init()
</script>  <br> </td>  </tr> </tbody></table>

الباقي عليك انت كوده وضع به الاكواد المناسبه وضعه في المكان المناسب له

تحياتي لك :تحية مع الشكر:

شاعر زمانه
 
 

ذكر
عدد المساهمات : 1735
معدل النشاط : 3343

http://javascript:self.close()

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

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


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