نظرة أمل
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

نظرة أمل


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

 

 مجموعه أكوادcssهامه جدا

اذهب الى الأسفل 
كاتب الموضوعرسالة
طه محمد
عضو ذهبي
عضو ذهبي
avatar


الموقع https://soon.yoo7.com‏

مجموعه أكوادcssهامه جدا Empty
مُساهمةموضوع: مجموعه أكوادcssهامه جدا   مجموعه أكوادcssهامه جدا Emptyالجمعة 22 فبراير 2013, 8:41 pm

بدون تمبلات:احصل على واجهتك المسمة مثل vb
الكود‎
الكود:

الرمز:
body{
margin:0;
padding:0;
background:#F0F4F5 url(http://www.shababadrar.net/vb/images/web2/site_02.gif) repeat-x top;
{
.bodyline{
    background-color: #F0F4F5;
        border:1px solid #009cf5;
 border:0;
padding:0;
margin:0;
background:#F0F4F5 url(http://www.shababadrar.net/vb/images/web2/site_02.gif) repeat-x top;
{
‎طريقة تركيب
لوحة الادارة
مظهر المنتدى
الصور و الألوان
الوان
ورقة تصميم css
ثم انسخ الكود
ثم قدم
‏2
كود خلفية توضع تحت المنتدى
تفضل‎
الكود:

الرمز:
#page-footer {
background :#ffefe7 url(رابطالصورة التى تريدها );
{

‏3_
كود تغير خلفية تكبير وتصغير الصوره
في الموضوع وجعلها مثل vb..كود جميل ومميز

الكود يجعل الايطار العلوي للتصغير مثل منتديات لافيبي
طريقة تركيب الكود:
الكود يوضع بورقة الــــ css
لوحة
الادارة > مظهر المنتدي
> الوان > ورقة تصميم css

الكود:‏‎
الكود:

الرمز:
.renklibar {
color : #000000;
background :#E8EDF0 url(http://i45.tinypic.com/14nfrjs.jpg) no-repeat 0 5px;
border : 1px solid #000000;
margin : 1px;
padding : 10px 5px 10px 40px;
font-size : x-small;
line-height : 1.4em;
{
.resize_process.resizebox {
display : none;
margin-left : 15px;
{
.resizebox div {
font-weight : normal;
font-style : normal;
margin : 0;
{
.resizebox.enlarged a.enlarge {
display : none;
{
.resizebox.enlarged a.resize {
display : inline-block;
{
.resizebox a.resize {
display : none;
{
.resizebox {
background :#FFF9BF url("http://i43.tinypic.com/af9egz.gif") no-repeat 7px 4px;
max-width : 100%;
line-height : 1.1em;
cursor : default;
font-weight : normal;
font-style : normal;
margin : 0;
text-align : center;
display : inline-block;
{
.resizebox.resize_border {
border : 1px solid #BDBDBD;
display : block;
{
.eklentiler {
color : #000000;
background :#ffffff;
border : 1px solid #000000;
margin : 1px;
padding : 10px 5px 10px 40px;
font-size : x-small;
line-height : 1.4em;
{
‎ضع الماوس على الرقم '1' وإسحب

‏4_
كــود css وضع صــورة بجــانب نافـ بـار المنتدي .. بشكل مميز
هــــــــــااام الكود للنسخة : phpbb2
معاينة الكود
[ Code]
الرمز:
/*-----a7medvirus-----*/
td.gensmall a{
background: url(https://i.servimg.com/u/f21/15/11/70/54/63066510.gif) no-repeat right;
padding:10px 37px 10px 10px;
a7medvirus;}
td.gensmall{
background: url(https://2img.net/i/bl/logo.png) no-repeat right;
padding:10px 60px 10px 10px;
a7medvirus;}
‎[/code]‎طريقة الوضع : -
الكود يوضع بورقة الــــ css
لوحة الادارة > مظهر المنتدي > الوان > ورقة تصميم css

‏5_

كود يعمل على تصغير حجم الأكواد في المواضيع
مثال /
قبل اضافة الكود
بعد اضافة الكود
https://i.servimg.com/u/f41/17/51/25/86/untitl11.png
تفضلوا الكود :
الرمز:‏‎
الكود:

/*www.pubarab.com*/
    .code{
    max-height: 200px;
      overflow: auto;
      direction: ltr;
        display: block;
    }
/*by: aymen.z*/
‎طريقة الوضع :
لوحة الإدارة
مظهر المنتدى
الوان
ورقة التصميم css

بسم الله الرحمن الرحيم
كود بسيط جدا للتحكم في الصورة الشخصية لكل اعضاء المنتدي
الكود تقدر تحدد منه اعلي ارتفاع وعرض لكل صور الاعضاء
للنسخة الثانية | phpbb2
الفرق
الكود‎
الكود:

الرمز:
span.postdetails.poster-profile img {
    max-height: 100px;
    max-width: 200px;
{
‎شرح الكود
max-height: 100px
يمكن تغير الرقم مائة وهي تعني اقصي ارتفاع لصور الاعضاء
max-width: 200px]انتهي ‏‎[]‎منقول
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://soon.yoo7.com
 
مجموعه أكوادcssهامه جدا
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» مجموعه أكوادcssهامه جدا
» مجموعه أكواد ‏css‏ نادره
» مجموعه أكواد ورقة إليكس ‏css

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
نظرة أمل :: ‎تطوير المنتديات‎‎‏‏ :: أكوادCCS-
انتقل الى: