اشهار اونلاين

اشهار اونلاين منتدى عربي يهتم بمطورين الويب والمصممين
 
الرئيسيةالرئيسية  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  المجموعاتالمجموعات  التسجيلالتسجيل  دخولدخول  
.

اشهار اونلاين :: قسم تطوير احلى منتدى :: قسم تطوير احلى منتدى :: اكواد التومبلات | Templete

شاطر
الثلاثاء أبريل 10, 2012 2:12 pm
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
...::|مؤسس المنتدى|::...
الرتبه:
الصورة الرمزية

avatar

البيانات
عدد المساهمات : 924
تاريخ التسجيل : 25/03/2012
العمر : 21
التوقيت

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


مُساهمةموضوع: [تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها



[تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها

السلام عليكم و رحمة الله و بركاته

مرحبا اخوانى و اخواتى اعضاء و زوار منتدى الدعم و المساعده

اليوم اقدم لكم

كود [Template] البيانات الشخصيه فى المواضيع مثل الـ vb تمام


صوره لمعاينة القوالب


تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.



تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.



و الان الكود و طريقة تركيبه

اذهب الى

1- لوحة الاداره




2 - مظهر المنتدى




3 - التومبلايتات و القوالب / اداره عامة




4 - اضغط تعديل على قوالب ( viewtopic_body )






تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.








تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.


5 - ابحث عن هذا الكود و احذفه

الكود: ---------تضليل المحتوى{postrow.displayed.PROFILE_IMG}

{postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}

<!-- BEGIN contact_field -->

{postrow.displayed.contact_field.CONTENT}
<!-- END contact_field -->


و ابحث عن هذا ايضا و احدفه

الكود: ---------تضليل المحتوى
<tr class="post">
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">

<span class="name"><a
name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br
/>
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_RANK}<br />
{postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
<!-- BEGIN profile_field -->

{postrow.displayed.profile_field.LABEL}
{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</span><br />
<img src="https://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
</td>


و ضع مكانه هذا الكود

الكود: ---------تضليل المحتوى
<tr class="fieldset">
<tr valign="top">
<td class="usrback" width="200" style="text-align:center">
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" style="text-align:right">
<tr>
<td colspan="2" class="a7la-7ekaya" align="center">المعلومات</td>
</tr>
<tr>
<td class="tw">الكاتب:</td>


<td class="tw"><div id="postmenu_5"
align="center"><a class="bigusername"
name="{postrow.displayed.U_POST_ID}"> {postrow.displayed.POSTER_NAME}
</a>
<script type="text/javascript"> vbmenu_register("postmenu_5", true); </script>

</div>
</td>
</tr>
<tr>
<td class="tw">اللقب:</td>
<td class="tw"><div align="center">{postrow.displayed.POSTER_RANK}</div></td>
</tr>
<tr>
<td class="tw">الرتبه:</td>
<td class="tw"><div align="center">{postrow.displayed.RANK_IMAGE}</div></td>
</tr>

<tr>
<td colspan="2" class="a7la-7ekaya" align="center">الصورة الرمزية</td>
</tr>
<tr>
<td colspan="2" align="center" class="alt1"><div class="smallfont avataruser">
<br />{postrow.displayed.POSTER_AVATAR}
</div>
</td>
</tr>
</table>


<div class="smallfont" style="text-align:right">
<br />
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%">

<tr>
<td colspan="2" class="a7la-7ekaya" align="center">البيانات</td>
</tr>
<!-- BEGIN a7la.7ekaya -->
<!-- BEGIN profile_field -->
<tr>
<td class="tw"><center>{postrow.displayed.profile_field.LABEL}</td>
<td class="tw"> <center>{postrow.displayed.profile_field.CONTENT}</td>
</tr>
<!-- END profile_field -->
<!-- END a7la.7ekaya -->


</table>
<div align="center"></div>
<div align="center"></div>
</div><br />
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%">
<tr>
<td class="a7la-7ekaya" align="center">التوقيت</td>
</tr>
<tr>
<td class="alt1">
<div
class="pbit" align="center"><center><OBJECT classid="clsid:

D27CDB6E-AE6D-11cf-96B8-444553540000"codebase="http://download.macromedia.com/pub/shockwave/cabs/
flash/swflash.cab#version=6,0,0,0" WIDTH="130" HEIGHT="130"
id="anaclock" ALIGN="">
<PARAM NAME=movie VALUE="http://www.dokuyi.com/home/upload/Dokuyi/2011/20110113153003X15LZ/20110113153003X15LZ_proen.swf">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=bgcolor VALUE=#FFFFFF>
<param name="wmode" value="transparent">
<param name="menu" value="false">
<EMBED
src="http://www.dokuyi.com/home/upload/Dokuyi/2011/20110113153003X15LZ/20110113153003X15LZ_proen.swf" quality=high
bgcolor=#FFFFFF WIDTH="130" HEIGHT="130" wmode="transparent" ALIGN=""
TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"
menu="false">
</EMBED></OBJECT></center></div>
</td>
</tr>
</table>
<br />
<table class="tborder" cellpadding="6" cellspacing="1" border="0" width="100%" style="text-align:right">
<tr>
<td colspan="2" class="a7la-7ekaya" align="center">الإتصالات</td>
</tr>
<tr>
<td class="tw">الحالة:</td>
<td class="tw"><div align="center">{postrow.displayed.ONLINE_IMG}

</div></td>
</tr>
<tr>
<td class="a7la-7ekaya">وسائل الإتصال:</td>
<td class="tw"><div align="center"> {postrow.displayed.PROFILE_IMG}

{postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}
<!--BEGINa7la.7ekaya -->
<!-- BEGIN contact_field -->

{postrow.displayed.contact_field.CONTENT}
<!-- END contact_field -->
<!--ENDa7la.7ekaya -->
</div></td>
</tr>
</table>

</td>


6 - نشط التعديل


تكبير الصورة تم تعديل ابعاد هذه الصورة. انقر هنا لمعاينتها بأبعادها الأصلية.



=======

ثم اذهب الى

لوحة الاداره / مظهر المنتدى / الصور و الالوان / الوان / ورقة تصميم الـ css

ضع الكود التالى

و اضغط قدم

الكود

الكود: ---------تضليل المحتوى

/* Start a7la-7ekaya */
.fieldset {
margin-bottom: 6px;
border: 1px #e5e5e5 solid;
}


.a7la-7ekaya{
background-color: #F6F6F6;
border-bottom: 2px dotted #CCCCCC;
border-radius: 5px 5px 5px 5px;
border-right: 3px solid #ff0000;
border-width: 0 3px 2px 0;
font-family: "tahoma";
font-size: 11px;
letter-spacing: 0;
margin: 1px 1px 3px;
padding: 2px;
vertical-align: middle;
}
/*Copyright a7la-7ekaya*/
.tw{
background-color: #F6F6F6;
border-bottom: 2px dotted #CCCCCC;
border-radius: 5px 5px 5px 5px;
border-right: 3px solid #1CA6BA;
border-width: 0 3px 2px 0;
font-family: "tahoma";
font-size: 11px;
letter-spacing: 0;
margin: 1px 1px 3px;
padding: 2px;
vertical-align: middle;

}


/* End a7la-7ekaya */





انتهاء الشرح الف مبروك








توقيع : ßļăĊҜ m@ń



توقيع العضو :




الخميس أبريل 12, 2012 8:54 am
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
...::|عضو اشهار اونلاين|::...
الرتبه:
الصورة الرمزية

avatar

البيانات
عدد المساهمات : 850
تاريخ التسجيل : 09/04/2012
التوقيت

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


مُساهمةموضوع: رد: [تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها



[تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها

شكككرآآ لكك








توقيع : ∂ σ к т σ я ™



توقيع العضو :




الأربعاء أبريل 18, 2012 5:28 pm
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
...::|عضو اشهار اونلاين|::...
الرتبه:
الصورة الرمزية

avatar

البيانات
عدد المساهمات : 194
تاريخ التسجيل : 16/04/2012
التوقيت

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


مُساهمةموضوع: رد: [تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها



[تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها

بارك الله فيك
تقبل مروري









توقيع : agiliedi





الأربعاء أبريل 18, 2012 5:35 pm
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
...::|عضو اشهار اونلاين|::...
الرتبه:
الصورة الرمزية

avatar

البيانات
عدد المساهمات : 415
تاريخ التسجيل : 16/04/2012
التوقيت

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


مُساهمةموضوع: رد: [تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها



[تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها

مكرر لحذف








توقيع : THE GH0ST



توقيع العضو :



الأربعاء أبريل 18, 2012 7:14 pm
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
...::|عضو اشهار اونلاين|::...
الرتبه:
الصورة الرمزية

avatar

البيانات
عدد المساهمات : 131
تاريخ التسجيل : 10/04/2012
التوقيت

الإتصالات
الحالة:
وسائل الإتصال:
معاينة صفحة البيانات الشخصي للعضو http://nekashatspacetoon.yoo7.com/forum


مُساهمةموضوع: رد: [تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها



[تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها

مشكوووووووووووووووووور اخى








توقيع : heshamVirus


الأربعاء أبريل 18, 2012 8:18 pm
المشاركة رقم: #
المعلومات
الكاتب:
اللقب:
...::|عضو اشهار اونلاين|::...
الرتبه:
الصورة الرمزية

avatar

البيانات
عدد المساهمات : 194
تاريخ التسجيل : 16/04/2012
التوقيت

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


مُساهمةموضوع: رد: [تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها



[تومبيلايت] البيانات الشخصيه بشكل جديد وجميل مع اضافة ادوات النشر اسفلها

{{{تسلم على الموضوع الرائع}}}
موضوع رائع | مجهودات قيمة | تستحق التهاني
واصل و لاتحرمن من جديدك
اللهم يجعلها في ميزان حسناتك
تحياتي موجهة لك من طرف agiliedi








توقيع : agiliedi






الإشارات المرجعية

التعليق على الموضوع بواسطة الفيس بوك

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





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

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