تصميم استايل+تركيب css مطلوب افكار

DeSeinsTein · 04-05-2011

السلام عليكم
كيفكم شباب
المهم انا بديت اطبق دروس المنتدى يعني اتمرن
انا صممت استايل عادي و ركبت ب css
يعني نجه الأمر حتى الأزرار ركبتها ب css
واستايل متوافق مع المتصفحات
المهم استايل تحت عاوز تنتقدوا التصميم اش ناقصوا + اريد افكار جهنمية منكم
ارجوا ان يكون القسم المناسب
وان كان العكس ارجوا نقله الى القسم المناسب

قناص جوبا · 04-05-2011

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

DeSeinsTein · 04-05-2011

اولا شكرا اعلى التجاوب
تانية شكرا على النقل
ثالثا بخطوط الفراغ ما بين مافبار و الهيدر اما لللإعلانات او jquery
لدي العديد من الأفكار بخصوص داك الفراغ
لكن بخصوص جانب الأيمن للهيدر فانت على حق هنا عندي المشكلة
انا عملت نمودج تسجيل الدخول

انا الاحظ اني تطورت يعني بدأت اتحكم في المنتدى بشوي بشوي
لكن يبقى لدي مشكل في تعديل القوالب
المهم انا اضفت الدخول
انشاء الله اتايل هطوروا هضيف خاصية البحث
كما تعلت منك
++++
بخصوص التاثيرات في الهيدر ممكن دروس او اقتراحات

قناص جوبا · 04-05-2011

تمام جدا التغير فى محله
اكثر من رائع
اما بالنسبه للتاثير يعنى مثلا اعمل ظل للكتابه او اى شئ من هذا القبيل

DeSeinsTein · 04-06-2011

شكرا على نصائحك ومتابعتك
جاري اضافة خاصية بحث انشاء الله خير

على فكرة
استايل متوافق مع explorer firefox opera google g
والله بفضلك
اول مرة الاحظ ان خاصية margin
مش متوافقة مع المتصفحات جميعا
اظن ان كل المتصفحات لهم مساحة خاصة بهم مثل bit

DeSeinsTein · 04-06-2011

السلام عليكم
عدت مرة اخرى بتعديل
ارجوا ان تكون صريخا معي اقبل التوبيخ والإنتقاد واي نصيحة فهي هدية
انا اضفت خاصية البحث مستعينا بكود البحث في المنتدى سبق ان طرحته
المهم التركيب ب css
يعني الصورة حقيقة مش تصميم
المهم اظن ان الشكل كوز
وايضا بالنسبة للشعار جاري البحث عن افكار في ادهني

اظن المرة القدمة هعمل فوتر او اعلانات مش عارف

لكن وقع مشكل مش فاهموا
ليش ما ظهر البحث في المتصفحات الأخرى مثل opera fire fox
مع العلم اني اركب الكودات على المتصفح explorer 8

قناص جوبا · 04-06-2011

وعليكم السلام
لا مين قال ان margin مش متوافقه مع جميع المتصفحات
شغاله مع الكل تمام
اصبح الموضوع دلوقتى افضل

DeSeinsTein · 04-06-2011

يا استاد لم تجب عن سؤالي

لكن وقع مشكل مش فاهموا
ليش ما ظهر البحث في المتصفحات الأخرى مثل opera fire fox
مع العلم اني اركب الكودات على المتصفح explorer 8

المهم انا لست على عجل
خد رحتك
بالنسبة للموضوع
انا والله حبيت احطوا عشان الفايدة
لما يدخل العضو الى الموضوع هي لاقي المشاكل الي وقعت فيها
وهيلقا حلها
وطبعا هزداد خبرة وهساعد الناس

قناص جوبا · 04-06-2011

اسف اخى الغالى لم ارى السطر ده
العتب على النظر
المهم طيب يا ريت الكود الخاص بيهم + اكواد ال css الخاصه بيهم ايضا

DeSeinsTein · 04-06-2011

قالب الهيدر كولوا.

<body style="margin:0px;">
<div id="contenu" >
<div id="header">

<div class="left-h1"></div>
<div class="right-h1">
<a class="lien1" href="#" title="الرئيسية"></a>
<a class="lien2" href="#" title="المنتدى"></a>
<a class="lien3" href="#" title="اتصل بنا"></a>
<a class="lien4" href="#" title="قرـــــبا"></a>
</div>
<div class="login">
<div id="form">
<if condition="$show['member']">
<td class="alt2" nowrap="nowrap">
<div class="smallfont">
<strong><phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></strong><br />
<phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>

<if condition="$show['notifications']">
<div><span id="notifications"><a href="usercp.php$session[sessionurl_q]">$vbphrase[your_notifications]:</a> <strong>$notifications_total</strong></span></div>
<if condition="$show['popups']">
<script type="text/javascript"> vBmenu.register("notifications"); </script>
<else />
<script type="text/javascript" src="clientscript/vbulletin_notifications_nopopups.js?v=$vboptions[simpleversion]"></script>
<script type="text/javascript"> vBulletin.register_control("vB_Notifications_NoPop ups", "notifications"); </script>
</if>
<else /><if condition="$show['pmstats']">
<div><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></div>
</if></if>

<if condition="$show['pmwarning']"><div><strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></div></if>
</div>
</td>
<else />
<td class="alt2" nowrap="nowrap" style="padding:0px">

<form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
<script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
<tr>
<td class="smallfont" style="white-space: nowrap;"><label for="navbar_username">$vbphrase[username]</label></td>
<td><input type="text" class="bginput-1" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
<td class="smallfont" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" />$vbphrase[remember_me]</label></td>
</tr>
<tr>
<td class="smallfont"><label for="navbar_password">$vbphrase[password]</label></td>
<td><input type="password" class="bginput-2
" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>
<td><input type="submit" class="button-1" value="" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
</tr>
</table>
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>

</td>
</if>
</div>
</div>

<div class="search">
<div id="forms">
<form action="search.php" method="post">
<input type="hidden" name="do" value="process" />
<input type="hidden" name="showposts" value="0" />
<input type="hidden" name="quicksearch" value="1" />
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<input class="ok" title="ابحث" type="submit" value="" />
<input class="text" size="15" onblur="if (this.value == '') {this.value = 'أدخل كلمة البحث .. ';}" onfocus="if (this.value == 'أدخل كلمة البحث .. ') {this.value = '';}" value="أدخل كلمة البحث .. " type="text" name="query" style="height: 21px" />
</form>
<script type="text/javascript">vbmenu_register("navbar_search");</script>

</div>
</div>
</div>
<div id="bar1">
<div class="bar2">



$spacer_open

$_phpinclude_output

$ad_location[ad_header_end]

دول كودات csss

#contenu
{
width:100%;
height:auto;
text-align:center;
position:relative;

}
#header
{
background:url(../vb/baramiji/back-h1.gif) repeat-x center;
width:100%;
height:506px;
}
.left-h1
{
background:url(../vb/baramiji/left-h1.gif) no-repeat left;
width:112px; height:506px; float:left;
}
.right-h1
{
background:url(../vb/baramiji/right-h1.gif) no-repeat right;
float:right;width:686px; height:506px;position:relative;
}
a.lien1
{
width:147px;
height:47px;
position:absolute;
top:220px;
left:470px;
bottom:239px;
}
a.lien2
{
width:145px;
height:47px;
position:absolute;
top:221px;
left:316px;
bottom:239px;
}
a.lien3
{
width:146px;
height:47px;
position:absolute;
top:222px;
left:156px;
bottom:239px;
}
a.lien4
{
width:145px;
height:47px;
position:absolute;
top:222px;
left:-1px;
bottom:239px;
}
#bar1
{
background:url(../vb/baramiji/bar.gif) right repeat-y;
padding-right:20px;
}
.bar2
{
background:url(../vb/baramiji/bar2.gif) left repeat-y;
padding-left:20px;
}
#footer
{
background:url(../vb/baramiji/back-foot.gif) repeat-x center;
height:110px;width:100%;
}
.left-foot1
{
background:url(../vb/baramiji/left-foot.gif) no-repeat left;
float:left;width:112px; height:110px;
}
.right-foot2
{
background:url(../vb/baramiji/right-foot.gif) no-repeat right;
float:right;width:116px; height:110px;
}
.login
{
background:url(../vb/baramiji/login.gif) no-repeat;
width:317px;height:117px;
float:left;
position:relative;
left:10px;
top:-430px;
}
#form
{
position:absolute;
left:40px;
top:50px;
}
.button-1
{
background:url(../vb/baramiji/button.gif) no-repeat;
width:64px;height:24px;text-align:center;
border:none;
padding:2px;
cursor

ointer;
}
.bginput-1
{
background:url(../vb/baramiji/b.gif) no-repeat top center;
width:70px; height:20px;
border:none;
text-align:center;
font:12px Tahoma, Geneva, sans-serif;
color:white;
}
.bginput-2
{
background:url(../vb/baramiji/b.gif) no-repeat top center;
width:70px; height:20px;
border:none;
text-align:center;
font:12px Tahoma, Geneva, sans-serif;
color:white;

}
.smallfont {
font:12px tahoma;
}
.search
{
background:url(../vb/baramiji/search.gif) no-repeat left;
width:220px; height:69px;
position:relative;
top:-515px;
right:537px;
}
#forms
{
position:absolute;
left:20px;
width:220px;

}
.text
{
position:absolute;
top:19px;
left:22px;
text-align:center;
border:none;
color:white;
background:#B2D6FA;
width:165px;
font-size:18px;
}
.ok
{
position:absolute;
background:url(../vb/baramiji/ok.gif) no-repeat left;
width:61px;height:29px;
text-align:center;
border:none;
padding:2px;
top:54px;
right:29px;
cursor

ointer;
}

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

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
تصميم استايل css مطلوب ارائكم	ابو لمار	فى بى ايجى لابداعات الاعضاء فى التصميم	7	12-06-2010 11:06 PM
الدرس الثالث من دورة دعم ايجى شرح تركيب الهاكات + شرح تركيب استايل	omda lover`s	فى بى ايجى لدروس و شروحات المواقع و المنتديات	1	10-10-2010 02:27 PM
شرح تركيب استايل {بالصور}	الـ خ ـبرهـ	فى بى ايجى لدروس و شروحات المواقع و المنتديات	0	08-10-2010 06:05 PM
[طلب] تركيب استايل	محسن	فى بى ايجى للحلول و المشاكل و الطلبات	10	05-15-2010 02:18 PM
[طلب] تركيب استايل ( مستعجل )	مملكة الاحلام	فى بى ايجى لمشاكل و طلبات التصميم	8	03-25-2010 03:03 PM

فى بى ايجى التطويرية
موقع تكويد	مركز رفع صور وملفات	مدونه فى بى ايجى	منتدى المشاكل	منتدى مجانى
معرض استايلات	دليل مواقع \| اضف موقعك	استضافه مجانيه	اعمال فى بى ايجى	دوره اداره الموقع
دوره تصميم الاستايلات	منتديات القمة إنفو	تبادل اعلانى	تبادل اعلانى	تبادل اعلانى

رسالة مدير الموقع

دورة تصميم قالب ورد بريس بلوحة تحكم
قريبا مفاجئات ودروس برمجية متنوعه