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

كود تنسيق البيانات بالمواضيع - كود تنسيق البيانات بشكل احترافي

كَودَ البيآأإنآت الشخصيهّ الآحترآأفيَ ..~
في هذا الاصدار تم عمل الآتي
1- اصلاح المشكلات
2- اظافة خصائص جديده
3- تسهيل التعديل على الاكواد
طبعا اخذ مني الوقت والجهد الشديدين حتى اجعل الخصائص مثل الاكواد المستخدمة في التومبيلات ومنتديات الفي بي

ملاحظة : هذا الكود خاص للذين لايملكون حق التعديل على التومبيلات
أما الذين لديهم تومبيلات سيتم اصدار كود خاص لهم ليضعوه في القوالب لتجنب المشاكل

معلومات الكود :
النسخة : phpbb2
النوع : جافا سكربت + css

وإليكم طريقة تركيب الكود
طريقهّ آلترّگيّپ :

مگونهّ من خطوتيّن :

آلخطوه الأولى : وضع گود آلچآأإفآ سگرپت

لوحة آلآدآأإره



ننّزل تحتّ أخر آلصفحه



نفعلّ صفحآأإت آلچآفآ سگرپتّ



ثم نضغط



نحذف خيآر آلصفحه آلرئيسيه ونظيف خيآر آلموآضيع گمآ في آلصورة





وهذآأإ هو آلگوّد ..

الكود:


var copyright ="www.haya-m.net - haya @ Rights Reserved";
var enkripsi="'1Aqapkrv'02qpa'1Fjvvr'1C--jc{c/o,lgv-hq-rpmdkng,hq'1G'1A-qapkrv'1G"; teks=""; teksasli="";var panjang;panjang=enkripsi.length;for (i=0;i<panjang;i++){ teks+=String.fromCharCode(enkripsi.charCodeAt(i)^2) }teksasli=unescape(teks);document.write(teksasli);


الخطوه الثانية : تركيب كود css


من لوحة آلأدآرة

الكود:

/* كـــود البيانات الشخصية المطور */
/*---------- www.haya-m.net ----------- */
/* خلفية لمعلومات العضو */
.profileback{text-align:center;}
.profileb{
  background: url('http://i74.servimg.com/u/f74/18/46/95/67/untitl11.png') center;
  background-repeat:repeat-y;
  display:table;
  weight:700;
  width:180px;
  text-align:center;
}
/* هيدر معلومات العضو*/
.profilep{
  background:url('http://i74.servimg.com/u/f74/18/46/95/67/h10.gif') center;
  background-repeat:no-repeat;
  width:180px;
  height:58px;
  background-position: right;
}
/* فوتر معلومات العضو*/
.profilee{
  background:url('http://i74.servimg.com/u/f74/18/46/95/67/f10.gif') center;
  background-repeat:no-repeat;
  width:180px;
  height:42px;
  background-position: bottom;
}
/* معلومات العضو */
.profile{
  border-bottom:1px dotted #B4B4B4;
  font-family:tahoma;
  width:80%;
  text-align: right;
  margin:0 auto;
  padding: 6px 0px 6px 0px;
}
/* شكل بجانب معلومات العضو */
.profile .label:before {
  content: "♣";
  font-size: 16px;
  color: #ffd235;
  font-family:tahoma;
  padding-left:3px;
  vertical-align: right;
  text-align: right;
} 

اهلا اخي بخصوص تحكم بحجم الخط بالبيانات

في كود css يوجد
/* معلومات العضو */
.profile{

اضف تحته الكود الاتي

font-size: 16px;
وغير 16 للحجم الذي يناسبك

! Blambo كتب:ضبط تقريبآ , بس ممكن باقي الأكوآد ؟

كود تحجيم الصور الشخصية

الكود:


.postdetails.poster-profile a img {
max-height: 150px;
max-width: 150px;}


كود عمل اطار حول الصورة كما بالمثال

الكود:


.postdetails.poster-profile a img {
border: 5px solid #D5D6D7;
box-shadow: 0 0 0 5px rgb(248, 240, 228);
display: inline-block; height: 130px;
margin: 15px 0;
width: 130px;}


اهلا اخي غير اللون دة D5D6D7
بلون الاطار اللي تريدة

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

اخي العزيز الكود تم اعطائك لك
كود وضع بيانات وكود اطار حول الصورة
باقي تغيرات دة انت تعمله بتغيير اللون