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

smart mind · 08-01-2008, 12:19 PM

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

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

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

owner · 08-01-2008, 12:30 PM

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

smart mind · 08-01-2008, 04:04 PM

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

سحاب اون لاين · 09-01-2008, 09:06 PM

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

كود بلغة HTML:

<div id="header" onclick="location.href='http://www.rasheed-b.com';" style="cursor: pointer;">

بس الاهم
هل جوجل تستطيع ارشفة هذا الرابط الموجود بهذه الطريقة
اما لا تعطي له انتباه

ca2oom · 09-01-2008, 09:11 PM

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

كود:

<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"

smart mind · 11-01-2008, 10:52 PM

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

سحاب اون لاين · 12-01-2008, 02:16 AM

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

أبو فارس · 12-01-2008, 08:35 AM

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

تحيتي

smart mind · 12-01-2008, 08:52 AM

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

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

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

سحاب اون لاين · 12-01-2008, 09:40 AM

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

ca2oom · 14-01-2008, 05:55 AM

أبو فارس

smart mind

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

كود:

<a href="#">SiteName</a>

أخ smart mind التعديل على ملف css يتوقف ويعتمد على ما مكتوب بالقالب اللى هو ملف الـ php وعلشان تخلي الهيدر فعّال للضغط لازم تعدل فيه وتكتب الرابط بنفسك حتى يتم تعديل css تبعاً له ووضع الصورة كخلفية.. ولا يمكن عمل ذلك عن طريق ملف css فقط.

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

smart mind · 14-01-2008, 12:20 PM

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

كود 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>

ca2oom · 14-01-2008, 01:58 PM

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

كود 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 لترى كيف تظهر، ولاحظ الهيدر أصبح كله فعّال وإسم المدونة أصبح مخفي وظهر عنوان عند الوقوف على الصورة.

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

smart mind · 14-01-2008, 07:14 PM

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

سحاب اون لاين · 16-01-2008, 01:51 AM

كود 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

smart mind · 24-01-2008, 03:47 PM

سحايب .. طريقتك هي الأفضل وناسبة الثيم حقي
الله يعطيك الصحه والقوه

سحاب اون لاين · 24-01-2008, 11:34 PM

الله يكرمك

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
[كيف احصر التقويم للمراقبين فقط! يمكن تكون فكرة هاك!]	معروف	إصلاح وصيانة المنتديات	4	29-04-2004 03:27 AM
كيف يمكن تشفير العناوين لتكون مثلا بدل newthread.php تكون newthread.htm او ما شابه	hamudi	تطوير الويب	7	05-02-2004 04:10 PM
CSS بسهولة (1)	سردال	تطوير الويب	18	26-04-2003 08:59 AM
فكرة يمكن تكون غريبة شوي	فتى الحجاز	تطوير الويب	22	30-01-2003 11:46 AM
هل يمكن أن تكون MDIT.net محتالة	النحوى	تطوير الويب	15	26-01-2002 05:39 PM

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