صفحة 1 من 2 12 الأخيرةالأخيرة
النتائج 1 إلى 15 من 17

الموضوع: خلفية css هل يمكن ان تكون قابلة للضغط ؟

  1. #1
    عضو نشيط
    تاريخ التسجيل
    Jan 2008
    المشاركات
    52

    Exclamation خلفية css هل يمكن ان تكون قابلة للضغط ؟



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

    هل يمكن جعل background: url(images/header.gif)

    قابل للضغط والتحويل للصفحة الرئيسيه في ملف CSS ؟









  2. اهلا .
    هل بأمكان توضيع الامر اكثر ؟





    __________________
    ownersınnı
    ALdiraZi BLoOoG | Contact Me | lt.tl - shorten your URL

  3. #3
    عضو نشيط
    تاريخ التسجيل
    Jan 2008
    المشاركات
    52


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






  4. #4
    عضو فعال جدا
    تاريخ التسجيل
    Aug 2007
    المشاركات
    3,929


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

    كود HTML:
    <div id="header" onclick="location.href='http://www.rasheed-b.com';" style="cursor: pointer;">
    بس الاهم
    هل جوجل تستطيع ارشفة هذا الرابط الموجود بهذه الطريقة
    اما لا تعطي له انتباه





    __________________
    تحاور مع العاقل بعقل .. اما ان يقتنع او تقتنع
    وتحاور مع الجاهل بعقل .. اما يطقعش او تفرقش
    وتلك الفاظ لا معنى لها كذلك كلماته



  5. بسيطة طبقها هكذا..

    كود:
    <style type="text/css">
    <!--
    #header {
    	background: #F90 url(images/header.gif);
    }
    #header a {
    	display: block;
    	cursor: hand;
    	height: 100px;
    	text-indent:-5000px;
    	overflow:hidden;
    }
    -->
    </style>
    
    <div id="header"><a href="#">SiteName</a></div>
    أو مباشرة داخل الوسم H1 لو احتوى على إسم المدونة وهذا أفضل من ناحية الأرشفة

    كود:
    <style type="text/css">
    <!--
    #header {
    	background: #F90 url(images/header.gif);
    	margin: 0px;
    	text-indent:-5000px;
    	overflow:hidden;
    }
    #header a {
    	display: block;
    	cursor: hand;
    	height: 100px;
    }
    -->
    </style>
    
    <h1 id="header"><a href="#">SiteName</a></h1>
    هاتغير الإرتفاع height في كلتا الحالتين حسب التصميم أو الصورة التى وضعتها خلفية للهيدر من"header a"





    __________________
    كتوم في المصنع {...}

  6. #6
    عضو نشيط
    تاريخ التسجيل
    Jan 2008
    المشاركات
    52


    ca2oom
    عبقررررري
    شكراً لك .. سأقوم بتجربتها






  7. #7
    عضو فعال جدا
    تاريخ التسجيل
    Aug 2007
    المشاركات
    3,929


    واخوك سحاب ماله شكر
    بهزر معاك





    __________________
    تحاور مع العاقل بعقل .. اما ان يقتنع او تقتنع
    وتحاور مع الجاهل بعقل .. اما يطقعش او تفرقش
    وتلك الفاظ لا معنى لها كذلك كلماته

  8. #8


    والله اخوي سحاب حلك هو الصحيح لأن مع كود اخونا ca2oom مافيه أي رابط URL

    تحيتي





    __________________
    سحابة الإسلام
    www.islamcloud.com

    موقعي الشخصي
    www.althari.ws

    سبحان الله وبحمده سبحان الله العظيم

  9. #9
    عضو نشيط
    تاريخ التسجيل
    Jan 2008
    المشاركات
    52


    سحايب اوف كورس لك أول الشكر لأنك اول من رد الله يعطيك الصحه والعافيه طول العمر ..
    بس هل فيه إمكانيه اني اخلي ان الهيدر يحول على رابط عن طريق ملف style فقط ؟ بدون التعديل على ملفات php
    هذا كان القصد بالسؤال بشكل عام ..

    ca2oom
    background: url(images/header.gif);
    هذا لوضع صوره في الهيدر فقط .. لكن انا ابغى الهيدر يحول على رابط !

    جزاكم الله ألف خير






  10. #10
    عضو فعال جدا
    تاريخ التسجيل
    Aug 2007
    المشاركات
    3,929


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





    __________________
    تحاور مع العاقل بعقل .. اما ان يقتنع او تقتنع
    وتحاور مع الجاهل بعقل .. اما يطقعش او تفرقش
    وتلك الفاظ لا معنى لها كذلك كلماته



  11. أبو فارس

    smart mind

    الطريقة التى ذكرتها هنا في الموضوع (( صحيحة )) ومفضلة للإستخدام.. هل أحد منكم جربها!!
    يبدوا انكم لم تلاحظوا وجود الرابط بالفعل ضمن كود html
    كود:
    <a href="#">SiteName</a>
    أخ smart mind التعديل على ملف css يتوقف ويعتمد على ما مكتوب بالقالب اللى هو ملف الـ php وعلشان تخلي الهيدر فعّال للضغط لازم تعدل فيه وتكتب الرابط بنفسك حتى يتم تعديل css تبعاً له ووضع الصورة كخلفية.. ولا يمكن عمل ذلك عن طريق ملف css فقط.

    وياريت الأفضل تذكر لنا ماهو محتوى قالب الهيدر لديك





    __________________
    كتوم في المصنع {...}

  12. #12
    عضو نشيط
    تاريخ التسجيل
    Jan 2008
    المشاركات
    52


    كتوم .. الفكره مفهومه الله يعطيك العافيه وغابت عن بالي .. بس كثرة الأكواد بالثيم خبصتني .. هذا محتوى الهيدر عندي

    كود PHP:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>
    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="imagetoolbar" content="no" />
    <link rel="shortcut icon" href="wp-content/themes/dark/favicon.ico">
        <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
        <title><?php bloginfo('name'); ?>
    <?php 
    if ( is_single() ) { ?> &raquo; Blog Archive <?php ?>
    <?php wp_title
    (); ?></title>

    <!-- leave this for stats -->

        <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
        <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
        <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
        <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
        <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />

        <?php wp_get_archives('type=monthly&format=link'); ?>
    <?php wp_head
    (); ?>
    </head>
    <body>

    <div id="page">

    <div id="header">

    </div>









  13. تفضل الجزء الخاص بصورة الهيدر سيكون كالتالي ..

    كود PHP:
    <div id="header">
      <h1><a href="<?php echo get_option('home'); ?>/" title="<?php bloginfo('name'); ?>">
        <?php bloginfo('name'); ?>
        </a></h1>
    </div>
    أدخلته في div مستقل حتى إن احتجت إضافة مجموعه وصلات مثلاً أو وصف للمدونة بشكل معين هايكون بنفس هذا الـ div.. تم إدارج إسم المدونة ووصلة url لها معنونة داخل وسم H1

    وخواص css كالتالي..

    كود:
    #header {
    	background: #FC6 url(header.gif) no-repeat;
    }
    #header h1 {
    	margin: 0px;
    	text-indent:-5000px;
    	overflow:hidden;
    }
    #header h1 a {
    	text-decoration: none;
    	display: block;
    	cursor: hand;
    	height: 120px;
    }
    وهذا مثال TestHeaderImage لترى كيف تظهر، ولاحظ الهيدر أصبح كله فعّال وإسم المدونة أصبح مخفي وظهر عنوان عند الوقوف على الصورة.

    تقبل التحيه،،





    __________________
    كتوم في المصنع {...}

  14. #14
    عضو نشيط
    تاريخ التسجيل
    Jan 2008
    المشاركات
    52


    الله يمدك بالصحه والعافيه دائماً وابداً ان شاء الله






  15. #15
    عضو فعال جدا
    تاريخ التسجيل
    Aug 2007
    المشاركات
    3,929


    كود PHP:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>
    <head profile="http://gmpg.org/xfn/11"> 
    <meta http-equiv="imagetoolbar" content="no" /> 
    <link rel="shortcut icon" href="wp-content/themes/dark/favicon.ico"> 
        <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" /> 
        <title><?php bloginfo('name'); ?> 
    <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php ?> 
    <?php wp_title(); ?></title> 
    <!-- leave this for stats --> 
        <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" /> 
        <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" /> 
        <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" /> 
        <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" /> 
        <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" /> 
        <?php wp_get_archives('type=monthly&format=link'); ?> 
    <?php wp_head(); ?> 
    </head> 
    <body> 
    <div id="page"> 
    <div id="header" onclick="location.href='http://www.xxxxxxxxxxxx.com';" style="cursor: pointer;"> 
    </div>
    فقط قم بتعديل السطر القبل الاخير
    ولا داعي للتعديل في ملف الـ css





    __________________
    تحاور مع العاقل بعقل .. اما ان يقتنع او تقتنع
    وتحاور مع الجاهل بعقل .. اما يطقعش او تفرقش
    وتلك الفاظ لا معنى لها كذلك كلماته





ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  

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