المنتدى لايقرا اكواد css

مرحبا عزيزي 

صراحة لم افهم,,هل قصدك ان ال css بتظهر في متصفح غير الاخر ام ماذا؟؟

وممكن الشكل الاساسي اللي مفترض يظهر عليه المنتدى بعد ااضافة الاكواد؟؟

وممكن ورقة تصميم ال css ونسخة المنتدى ؟؟

في انتظارك وبالتوفيق

صراحة لم افهم,,هل قصدك ان ال css بتظهر في متصفح غير الاخر ام ماذا؟؟

لالا لاتظهر على الاطلاق تظهر كما بصورة 1 عند الجميع

وممكن الشكل الاساسي اللي مفترض يظهر عليه المنتدى بعد ااضافة الاكواد؟؟

كان يجب تهر كما بصورة 2 

وممكن ورقة تصميم ال css ونسخة المنتدى ؟؟

النسخة 2
وهذه اكواد css
http://pastebin.com/QrjyssqY

مطور الويب كتب:

بالفعل انا واجهت نفس المشكلة ولكن عندما وضعت الاكواد في اول الورقة أشتغلت الاكواد معي

لم افهم كيف حللت المشكل ارجو توضيح

لا يا غالي انا ظهرت لدي شكل المنتدى كما في الصوره الاولى

لكن الان بعد ما حذفت جميع اكواد css 
يقول لي كود طويل

alla13 كتب:لكن الان بعد ما حذفت جميع اكواد css 
يقول لي كود طويل

يعني حذفتها ووضعتها ام ماذا؟؟

Mohamed Nsr كتب:

alla13 كتب:لكن الان بعد ما حذفت جميع اكواد css 
يقول لي كود طويل

يعني حذفتها ووضعتها ام ماذا؟؟

نعم فعللت وتم حل مشكل من خلال ادخال الكود على اجزاء
لكن مشكل لايزال قائماااا
حتى اني استخدمت سرفر rdp لمعاينة المنتدى وكان الناتج كالتلي

ارجو منكم ان تصور الموقع كيف يظهر لكم

المنتدى لدي يظهر بالشكل التالي 

مطور الويب كتب:

يظهر لي بدون css

يعني بدون تنسيقات ولايظهر لي كما يظهر لك

لو امكن ان لم اتعبك معي اريد منك ان تصور لي الموقع من عندك

Mohamed Nsr كتب:المنتدى لدي يظهر بالشكل التالي 

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

بعد تجربة الاكواد تظهر فقط في متصفح جوجل كروم اخر تحديث

نعم اخي تظهر لدي دون مشكله وفعلا متصفحى جوجل كروم 

عموما ننتظر احد اخر يجرب ونشوف بعد كده 

alla13 كتب:

المنتدى لايقرا اكواد css

رغم ان الورقة تشتغل بشكل جيد

+

هذه صورة من المنتدى حيث ان جميع المتصفحات عندي وعند بعض الاعضاء تظهر 

لكن عندي انا في الحاسوب تظهر هكذا اي ال css شغال

فما الحل

+

رابط المنتدى

www.alla-omar.mo-rpg.com

السلام عليكم

بالفعل, هناك اختلاف في مظهر المنتدى حسب المتصفح. ففي google chrome يظهر التصميم الثني اما على firefox فيظهر الاول و السبب بسيط وراجع لطريقة تكويدك, تابع معي:

كل ما في الامر هو ان طريقة قراءة اكواد ال CSS تختلف حسب اختلاف المتصفح. و بالتالي فان طريقة تنفيذ اوامر ال CSS و خاصة طريقة التعامل مع الحمولة الزائدة من الخصائص في الاوامر تختلف من متصفح لآخر مما يعطي نتائج مختلفة.

الامر يتعلق بورقة ال CSS الخارجية code.css  التي يتم تحميلها بعد ال CSS  الخاص بالمنتدى و بالتالي فان لم تضع بان الخصائص التي تحددها هي مهمة جداً باستعمال الامر "!important" فان خصائص ال CSS للمنتدى تمر قبلها (أو بعدها حسب المتصفح) مما يعطي نتائج مختلفة كما في حالتك.

في هذه الحالة, الحل بسيط هو انه يجب عليك اضافة صفة الاهمية "!important" الى ال CSS  الذي تريده ان يطغى

طريقة أخرى يمكنك استعمالها وهي تعديل ال CSS الخاص بالمنتدى مباشرة بدل استعمال CSS خارجي.

اما ان كنت تصر على استعمال CSS خارجي, فيمكنك ايضاً ان تجعل تحميله قبل تحميل CSS المنتدى مباشرة في هيدر الصفحة (head).

هي 3 حلول امامك تختار منها ما يناسبك

بالتوفيق

up

up

السلام عليكم

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

انا اعطيتك 3 طرق لحل مشكلتك و جوابك كان انك لا تعرف ماهو الامر !important و تريدني ان اعلمك استعماله و لا يمكن لشخص ليست لديه خبرة في التكويد ان يقوم بمثل هذه العمليات فهي ليست مجرد نسخ و لصق بل دراسة تتطلب وقت و خبرة و كأنك تطلب مني ان اعلمك حل معادلة رياضية و أنت لا تعرف الحساب أصلاً من 1 الى 9 فلا يمكن عزيزي...

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


شكرا على تفهمك

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

الجزء الاولى

الجزء الثاني

الكود:

------------------      /كود زر التحميل */------------------
  /* Custom Button */
.whitebutton {
    margin: 20px auto;
    padding: 20px 0;
    width: 200px;
}
 
.whitebutton a {
    background: #fff;
    color: #666;
    display: block;
    font-size: 17px;
    font-weight: 700;
    font-family: 'Droid Arabic Kufi',Verdana,sans-serif;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 200px;
    position: relative;
    z-index: 2;
}
 
.whitebutton a:before {
    content: '\f019';
    font-family: FontAwesome;
    font-weight: normal;
    padding: 8px;
    margin-left: -90px;
    margin-right: 30px;
}
 
.whitebutton span {
    background: #444;
    color: #fff;
    display: block;
    font-size: 12px;
    font-family: 'Droid Arabic Kufi', Verdana,sans-serif;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 200px;
    z-index: 1;
    text-transform: uppercase;
    font-weight: bold;
}
 
.whitebutton .up {
    background: #e25734;
    margin: -25px auto;
    opacity: 0;
    border-radius: 0 0 5px 5px;
    transform: translate(0,-50px);
    transition: 350ms;
}
 
.whitebutton .down {
    margin: -30px auto;
    opacity: 0;
    border-radius: 5px 5px 0 0;
    transform: translate(0,-50px);
    transition: 350ms;
}
 
.whitebutton .down:before {
    content:'\f14a';
    font-family: FontAwesome;
    font-weight: normal;
    margin-left: -6px;
    color: #aaa;
}
 
.whitebutton:hover .up {
    opacity: 1;
    transform: translate(0,0);
}
 
.whitebutton:hover .down {
    opacity: 1;
    transform: translate(0,-90px);
}
 
.whitebuttondemo {
    margin: 20px auto;
    padding: 20px 0;
    width: 200px;
}
 
.whitebuttondemo a {
    background: #e25734;
    color: #fff;
    display: block;
    font-size: 17px;
    font-weight: 700;
    font-family:'Droid Arabic Kufi',Verdana,sans-serif;
    height: 50px;
    line-height: 50px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 200px;
    position: relative;
    z-index: 2;
    transition: 350ms;
}
 
.whitebuttondemo a:before {
    content:'\f002';
    font-family: FontAwesome;
    font-weight: normal;
    padding: 8px;
    margin-left: -90px;
    margin-right: 30px;
}
 
.whitebuttondemo a:hover {
    color: #fff;
}
 
.whitebuttondemo span {
    background: #444;
    color: #fff;
    display: block;
    font-size: 12px;
    font-family: 'Droid Arabic Kufi', Verdana,sans-serif;
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 200px;
    z-index: 1;
    text-transform: uppercase;
    font-weight: bold;
}
 
.whitebuttondemo .up {
    background: #444;
    margin: -25px auto;
    opacity: 0;
    border-radius: 0 0 5px 5px;
    transform: translate(0,-50px);
    transition: 350ms;
}
 
.whitebuttondemo:hover .up {
    opacity: 1;
    transform: translate(0,0);
}
--------------------------------------------------------------------------------
كود الاطارت التنبيه والملاحظات و التحذير
 
    .info-swe, .tips-swe, .warning-swe {
    line-height: 22px;
    min-height: 38px;
    padding: 10px 50px 12px 10px;
    margin: 5px 0;
    }
    .info-swe {
    background: #e0e5eb url('http://2.bp.blogspot.com/-3rcGQ-VAKb8/UlA4L72c6wI/AAAAAAAAFtY/f__fkV_xBsQ/s1600/info.png') no-repeat 99% 8px;
    color: #222
    text-align: right;
    }
    .tips-Swe {
    background: #7CADDE url('http://2.bp.blogspot.com/-_Y9kuQODeBs/UlA4LwDUkhI/AAAAAAAAFtk/Rm0QwoddGLw/s1600/tips.png') no-repeat 99% 8px;
    color: #fff;
    text-align: right;
    }
    .warning-swe {
    background: #db6161 url('http://2.bp.blogspot.com/-rgsBmdJYFkM/UlA4LyWCrqI/AAAAAAAAFtc/suIf3IwnpgE/s1600/warning.png') no-repeat 99% 8px;
    color: #fff;
    text-align: right;
    }
-------------------------------------------------------------------------------
------------------------------------------------------------------------------
------------------      /كود الاطارت التنبيه والملاحظات و التحذير*/------------------
.alert-message{position:relative;display:block;background-color:#f7f8fa;padding:20px;margin:20px 0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#39484d;text-align: center;}
.alert-message p{margin:0!important;padding:0;line-height:22px;font-size:13px;color:#39484d}
.alert-message span{font-size:14px!important}
.alert-message i{font-size:22px;text-align:left;display:inline-block;position:absolute;right:0;top:0;padding:20px;opacity:0.8;}
.alert-message.success{background-color:#00acd6;color:#fff}
.alert-message.success a,.alert-message.success span{color:#fff}
.alert-message.alert{background-color:#0073b7;color:#fff}
.alert-message.alert a,.alert-message.alert span{color:#fff}
.alert-message.warning{background-color:#efa666;color:#fff}
.alert-message.warning a,.alert-message.warning span{color:#fff}
.alert-message.error{background-color:#f56c7e;color:#fff}
.alert-message.error a,.alert-message.error span{color:#fff}
.alert-message.happy{background-color:#FA8734;color:#fff}
.alert-message.happy a,.alert-message.happy span{color:#fff}
.alert-message.link a,.alert-message.link span{color:#fff}
.alert-message.link{background-color:#F44242;color:#fff}
.alert-message.hi a,.alert-message.hi span{color:#fff}
.alert-message.hi{background-color:#57DF69;color:#fff}
.alert-message:hover {background-image: linear-gradient(110deg, #766D6C 0%, #606364 50%, transparent 50%, transparent 100%);background-size: 200%;background-position: 150% 0;background-repeat: no-repeat;transition: background-position .9s ease, color .15s ease;color: #eee;}
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
/* Download Area 1 */
.dlbc1 h3.dl-title{font-size:15px;font-weight:400;font-family:Segoe UI,sans-serif;color:$(body.bg1);padding:15px;padding-left:150px;background-color:#fff;margin-bottom:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dlbc1.dl-box{background-color:$(body.bg1);position:relative;min-height:130px;margin:10px 0;border:1px solid $(body.bg1);color:#fff;padding-bottom:7px;}
.dlbc1.dl-box:before{content:"";background:url(http://2.bp.blogspot.com/-Sjr8_zWO4Cc/VY3yihzu12I/AAAAAAAAEGs/LKuK0dFdkDc/s1600/download_box.png)no-repeat left bottom;background-size:145px;position:absolute;left:0;bottom:0;height:200px;width:150px;}
.dlbc1 .dl-item{padding:7px 0 7px 150px;}
.dlbc1 .dl-item a{color:#fff;background-color:#397dd0;border:1px solid #3373c0;padding:3px 15px;display:inline-block;border-radius:3px;min-width:56px;margin-right:1px;text-align:center;margin-bottom:5px;}
.dlbc1 .dl-anime{padding-top:5px;}
.dlbc1 .dl-item a:hover{background-color:$(body.bg1);color:#fff;}
.dlbc1 .dl-quality{border:1px solid #134f9b;padding:5px;display:block;margin-right:10px;border-radius:5px;color:#fff;background-color:#296bbd;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/* Download Area 2 */
.dlbc1 .dl-item br{display:none;}
.dlbc2 .dl-quality{border:1px solid #ddd;border-bottom:0;color:#333;padding:10px;display:block;border-radius:5px 5px 0 0;}
.dlbc2 .dl-anime{margin-bottom:10px;border:1px solid #ddd;padding:10px;}
.dlbc2 .dl-anime a{border:1px solid #ddd;border-radius:5px;padding:5px;display:inline-block;min-width:40px;text-align:center;color:#333;border-top:0;border-bottom:0;margin-right:10px;}
.dlbc2 h3.dl-title{display:none;}
.dlbc2 br{display:none;}
.dlbc2 .dl-anime a:hover{border-color:$(body.bg2);color:#296bbd;padding:5px 10px;-webkit-transition:all .5s cubic-bezier(.68,-.55,.27,1.55);transition:all .5s cubic-bezier(.68,-.55,.27,1.55);}
.dlbc2.dl-box{margin:10px 0;}
/* FOOTER
-------------------------------- */
.submit-button:hover{background:#449d44;}
h1.entry-title{margin:0 0 5px;font-size:18px;overflow:hidden;}
.post-body img{width:100%;margin:10px 0;}
.headtitle{}
.dl-box{background:#FCFCFC;border:1px solid #ddd;margin:10px 0;padding:12px;}
h3.dl-title{background:$(dl.bg);color:$(dl.color);font-size:13px;padding:7px;margin:0;}
.dl-anime{padding:10px;background:#F0F0F0;border:1px solid #E7E7E7;border-top:0;}
.dl-anime a{padding:0 10px;border-right:1px solid #ddd;}
.dl-anime a:nth-child(1){padding-left:0;}
#comments{padding:10px;background:#fff;margin-bottom:8px;border-bottom:2px solid #DFDFDF;-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.1);box-shadow:0 0 2px rgba(0, 0, 0, 0.1);}
.post-header img{width:30px;}
span.fi{display:inline-block;height:30px;float:left;margin-right:8px;}
.post-header{line-height:30px;border:1px solid #ddd;padding:3px 2px;border-right:0;font-size:12px;border-left:0;}
a.timestamp-link{color:#333;}
#blog-pager p{margin:0;}
#blog-pager p:nth-child(1){float:left;text-align:left;}
#blog-pager p:nth-child(2){float:right;text-align:right;}
.post-footer{margin-top:15px;border-top:1px solid #ddd;padding-top:3px;margin-bottom:-3px;}
.post-footer b{text-transform:capitalize;margin-right:5px;display:inline-block;}
.page-newer,.page-older,.home-link{background:#6f5499;color:#fff!important;font:normal 700 12px sans-serif;padding:5px;display:inline-block;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.page-older{float:right;}
.home-link{padding:5px 10px;}
.page-newer{float:left;}
.infobox h3{margin:0;padding:10px;background:$(inf.bg);color:$(inf.color);position:relative;}
.inf.red{background:$(red.cl);}
.inf.green{background:$(gre.cl);}
.inf.orange{background:$(yell.cl);}
-----------------------------------------------------------------------
-----------------------------------------------------------------------
ترقيم
/* CSS3 ordered list Rectangle style by www.bloggerspice.com */
ol {counter-reset:li;list-style: none;font:15px 'jazeera', 'play';
padding:0;margin-bottom:4em;text-shadow: 0 1px 0 rgba(255,255,255,.5);}
ol ol {margin: 0 0 0 2em;}
.post ol li{position:relative;display:block;padding:.4em .4em .4em .8em;
margin:.5em 0 .5em 2.5em;background:#F5F5F5;color:#666;text-decoration:none;
transition:all .3s ease-out;}
.post ol li:hover{background:#EEEEEE;}
.post ol li:before{content:counter(li);counter-increment:li;position:absolute;
left:-2.5em;top:50%;margin-top:-1em;background:#FA8072;color:#FEFEFE;height:2em;width:2em;
line-height:2em;text-align:center;font-weight:bold;}
.post ol li:after{position:absolute; content:'';border: .5em solid transparent;
left:-1em;top:50%;margin-top:-.5em;transition:all .3s ease-out;}
.post ol li:hover:after{left:-.5em;border-left-color:#FA8072;}
.post ol li span{position:relative;display:block;padding:5px 8px;margin-bottom:10px;background:#fafafa;color:#666;text-decoration:none;transition:all .3s ease-out;}
.post ol li span:hover{background:#f9f9f9;}
/* CSS3 ordered list tech 4 you URL:t4ch-you.com */
ol {
  counter-reset:li;
  list-style: none;
  font:15px 'jazeera', 'play';
  padding:0;
  margin-bottom:4em;
  text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
ol ol {
  margin: 0 0 0 2em;
}
.post ol li{
  position:relative;
  display:block;
  padding:.4em .8em .4em .4em;
  margin:.5em 2.5em .5em 0;
  background:#F5F5F5;
  color:#666;
  text-decoration:none;
  transition:all .3s ease-out;
}
.post ol li:hover{
  background:#EEEEEE;
}
.post ol li:before{
  content:counter(li);
  counter-increment:li;
  position:absolute;
  right:-2.5em;
  top:50%;
  margin-top:-1em;
  background:#4783c0;
  color:#FEFEFE;
  height:2em;
  width:2em;
  line-height:2em;
  font-weight:bold;
  text-align: center;
}
.post ol li:after{
  position:absolute;
  content:'';
  border: .5em solid transparent;
  right:-1em;
  top:50%;
  margin-top:-.5em;
  transition:all .3s ease-out;
}
.post ol li:hover:after{
  right:-.5em;
  border-right-color:#2c3e50;
}
.post ol li span{
  position:relative;
  display:block;
  padding:5px 8px;
  margin-bottom:10px;
  background:#fafafa;
  color:#666;
  text-decoration:none;
  transition:all .3s ease-out;
}
.post ol li span:hover{
  background:#f9f9f9;
}
 
/*---------- www.haya-m.net ----------- */ 
/* css قالب الاحصائيات */
 
.Statistics , .Statistics a:link , .Statistics td.row1{
  background: url('') #fbfafa;
 color: #929394;
 font:15px Droid Arabic Naskh;
  text-decoration: none;
}
 
.Statistics-1
{
 background: url('') #96cab5;
 color: #FFFFFF;
 font: bold 14px Droid Arabic Kufi;
 text-align: center;
}
 
.Statistics-2
{
 background: url('') #e1cf65;
 color: #FFFFFF;
 font: 15px Droid Arabic Naskh;
}
 
.Stat2 , .Stat1
{
 border-bottom: 1px dashed #D1D1D1;
}
 
.icon-stat1{
  background: url('http://barbie-des.com/hjoor/misc/whos_online.gif');
  width: 19px;
  height: 16px;
}
 
.icon-stat2{
  background: url('http://barbie-des.com/hjoor/misc/whos_online.gif');
  width: 19px;
  height: 16px;
}
 
.icon-stat3{
  background: url('http://barbie-des.com/hjoor/misc/stats.gif');
  width: 17px;
  height: 14px;
}
 
.icon-stat4{
  background: url('http://barbie-des.com/hjoor/misc/whos_online.gif');
  width: 19px;
  height: 16px;
}
--------------
.fa_avatar {
  width: 10px;
  height: 10px;
  position: relative;
  top: -3px;
  margin-right: 5px;
  border-radius: 3px;
  margin-bottom: -10px;
}
-----------------------
@import url(@import url(http://fonts.googleapis.com/css?family=Play:400,700);
font-family: 'Play';
/* this boxs by : http://www.7lolblogger.com  */
holoblogger {
display: block;
padding: 3px;
color: #FFF;
text-align: right;
direction: rtl;
font: 12px 'DroidKufi-Regular',tahoma,arial;
border-radius: 4px;
max-width: 800px;
margin: 5px auto;
}
@font-face {
font-family: 'DroidKufi-Regular';
src: url('http://dl.dropbox.com/u/22531314/webfont/fonts/DroidKufi-Regular.eot');
src: url('http://dl.dropbox.com/u/22531314/webfont/fonts/DroidKufi-Regular.eot?') format('embedded-opentype'),
url('http://dl.dropbox.com/u/22531314/webfont/fonts/DroidKufi-Regular.woff') format('woff'),
}