طلب كود البيانات الشخصية
5 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: دعم مشاكل التومبلايت و الأكواد :: أرشيف قسم "مشاكل التومبلايت و الأكواد"
صفحة 1 من اصل 1
رد: طلب كود البيانات الشخصية
مثل ذلك غير متوفر ولكن انظر لبعض الاكواد واختار ما يناسبك
كود ايطار منقط على البيانات الشخصية
كود css مميز جدا يقوم بجعل البيانات الشخصية احترافية فــي المشاركات
رد: طلب كود البيانات الشخصية
عدل سابقا من قبل admazin في الجمعة 20 فبراير 2015 - 22:04 عدل 1 مرات (السبب : عفوا الأخ المرشح وهبة الساحر)
رد: طلب كود البيانات الشخصية
king11 كتب:انا اطلب كود مثل هذا ::
وهو عباره عن html + css
مرحبا اخي
![Cool](/users/1811/68/54/94/smiles/103798.gif)
إذا لديك حق التعديل على التومبلات
فضع الرابط الي التقطة منه هذه الصورة
إن لم تملك حق التعديل على التومبلات
فـ اتمنا تعذرني
رد: طلب كود البيانات الشخصية
مرحبا بك اعطيني رابط المنتدى الذي اخذت منه الصوره لأحاول اقرب لك المظهر كما في الصوره لمنتداك .. بأستخدام CSS
رد: طلب كود البيانات الشخصية
اتفضل :: 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&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>
<!-- 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 كتب:رجاء اتمنى الرد من الخبراء
وخاصه :: new.moon@
تحيه طيبة ...
بخصوص ما تطلبه كأنك تطلب تحويل شيئ من في بي الى قوالب تومبلايت قسم دعم مشاكل التومبلايت و الأكواد
هو مختص بمشاكل تواجه مستخدمين احلى منتدى في القوالب وليس قسم لتحويل بيانات شخصيه او اقسام منتديات او هيدر لمنتديات في بي الى احلى منتدى ,
بخصوص طلبك تستطيع مراسله المختصين في تحويل الستايلات فهذه اختصاصهم .. وانا مع الاسف الشديد لست متفرغ لهذه المجال حاليا .. تحياتي
![Cool](/users/1811/68/54/94/smiles/103798.gif)
رد: طلب كود البيانات الشخصية
king11 كتب:رجاء اتمنى الرد من الخبراء
وخاصه :: new.moon@
مرحباً اخي
![Cool](/users/1811/68/54/94/smiles/103798.gif)
انتظرت دخولك لكي اسالك هذا السؤال
ماهي نسخة منتداك
لقد جهزت الكود ولاكن ينقصني نوع النسخة لكي لا اتعب مرة اخرى
رد: طلب كود البيانات الشخصية
بما انك سحبت علي
فاعذرني س انسحب من الموضوع
وهاذا هو الكود
الباقي عليك انت كوده وضع به الاكواد المناسبه وضعه في المكان المناسب له
تحياتي لك![:تحية مع الشكر:](/users/1811/68/54/94/smiles/825617.gif)
فاعذرني س انسحب من الموضوع
وهاذا هو الكود
- الكود:
<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>
الباقي عليك انت كوده وضع به الاكواد المناسبه وضعه في المكان المناسب له
تحياتي لك
![:تحية مع الشكر:](/users/1811/68/54/94/smiles/825617.gif)
![-](https://i.servimg.com/u/f37/19/43/18/14/tabs_l11.gif)
» تومبلايت يضع البيانات الشخصية عند الوقوف على الصورة الشخصية فى المواضيع
» طلب كود البيانات الشخصية
» كيف اضع خانة الشخصية المفضلة في البيانات الشخصية للعضو؟
» اريد كود لجعل الصور الشخصية دائرية في المساهمات وأيضا كود لجعل البيانات الشخصية قي المساهمات تبدوا رائعة للنسخة الثالثة
» البيانات الشخصية
» طلب كود البيانات الشخصية
» كيف اضع خانة الشخصية المفضلة في البيانات الشخصية للعضو؟
» اريد كود لجعل الصور الشخصية دائرية في المساهمات وأيضا كود لجعل البيانات الشخصية قي المساهمات تبدوا رائعة للنسخة الثالثة
» البيانات الشخصية
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: دعم مشاكل التومبلايت و الأكواد :: أرشيف قسم "مشاكل التومبلايت و الأكواد"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى