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

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

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

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

مثل ذلك غير متوفر ولكن انظر لبعض الاكواد واختار ما يناسبك

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

كود css مميز جدا يقوم بجعل البيانات الشخصية احترافية فــي المشاركات

السلام عليكم و بعد:

ربما ينفعك اخي هذا الرابط

https://help.ahlamontada.com/t810833-topic

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

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

مرحبا اخي

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

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

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

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

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

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

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

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

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

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

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

الكود ::

الكود:: <!DOCTYPE html>     <html lang="en">  <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">  </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&s=64&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&s=64&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&s=64&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&s=64&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&s=64&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&s=64&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&s=64&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&s=64&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&s=64&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>  <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 السبت 21 فبراير 2015 - 7:01

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

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

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

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

وخاصه :: new.moon@

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

وخاصه :: new.moon@

عزيزي

تحيه طيبة ...

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

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

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

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

وخاصه :: new.moon@

مرحباً اخي Cool

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

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

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

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

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

الكود:: <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>  <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>  <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>  </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>

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

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

Hitskin.com

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