السلام عليكم ورحمة الله وبركاته ..
هل يمكن جعل background: url(images/header.gif)
قابل للضغط والتحويل للصفحة الرئيسيه في ملف CSS ؟
السلام عليكم ورحمة الله وبركاته ..
هل يمكن جعل background: url(images/header.gif)
قابل للضغط والتحويل للصفحة الرئيسيه في ملف CSS ؟
اهلا .
هل بأمكان توضيع الامر اكثر ؟
أعتذر عن عدم التوضيح ..
لدي قالب وورد بريس وقد وضعت له خلفية في الهيدر .. وأرغب بأن يكون الهيدر قابل للضغط ليتم التوجه إلى صفحة آخرى
استخدم طريقة مدونة رشيد
كان عايز يعملها مثلك
وبحث الي ان وجد هذه الطريقة
والتي استفيد منها شخصيا
بس الاهمكود HTML:<div id="header" onclick="location.href='http://www.rasheed-b.com';" style="cursor: pointer;">
هل جوجل تستطيع ارشفة هذا الرابط الموجود بهذه الطريقة
اما لا تعطي له انتباه
__________________
تحاور مع العاقل بعقل .. اما ان يقتنع او تقتنع
وتحاور مع الجاهل بعقل .. اما يطقعش او تفرقش
وتلك الفاظ لا معنى لها كذلك كلماته
بسيطة طبقها هكذا..
أو مباشرة داخل الوسم H1 لو احتوى على إسم المدونة وهذا أفضل من ناحية الأرشفةكود:<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>
هاتغير الإرتفاع height في كلتا الحالتين حسب التصميم أو الصورة التى وضعتها خلفية للهيدر من"header a"كود:<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>
__________________
كتوم في المصنع {...}
ca2oom
عبقررررري
شكراً لك .. سأقوم بتجربتها
واخوك سحاب ماله شكر
بهزر معاك
__________________
تحاور مع العاقل بعقل .. اما ان يقتنع او تقتنع
وتحاور مع الجاهل بعقل .. اما يطقعش او تفرقش
وتلك الفاظ لا معنى لها كذلك كلماته
والله اخوي سحاب حلك هو الصحيح لأن مع كود اخونا ca2oom مافيه أي رابط URL
تحيتي
__________________
سحابة الإسلام
www.islamcloud.com
موقعي الشخصي
www.althari.ws
سبحان الله وبحمده سبحان الله العظيم
سحايب اوف كورس لك أول الشكر لأنك اول من رد الله يعطيك الصحه والعافيه طول العمر ..
بس هل فيه إمكانيه اني اخلي ان الهيدر يحول على رابط عن طريق ملف style فقط ؟ بدون التعديل على ملفات php
هذا كان القصد بالسؤال بشكل عام ..
ca2oom
background: url(images/header.gif);
هذا لوضع صوره في الهيدر فقط .. لكن انا ابغى الهيدر يحول على رابط !
جزاكم الله ألف خير
ما رأيك ان ترسل لنا صفحة الهيدر ونقوم نحن بالتعديل عليها
او القالب الخاص بهذا الجزء
__________________
تحاور مع العاقل بعقل .. اما ان يقتنع او تقتنع
وتحاور مع الجاهل بعقل .. اما يطقعش او تفرقش
وتلك الفاظ لا معنى لها كذلك كلماته
أبو فارس
smart mind
الطريقة التى ذكرتها هنا في الموضوع (( صحيحة )) ومفضلة للإستخدام.. هل أحد منكم جربها!!
يبدوا انكم لم تلاحظوا وجود الرابط بالفعل ضمن كود html
أخ smart mind التعديل على ملف css يتوقف ويعتمد على ما مكتوب بالقالب اللى هو ملف الـ php وعلشان تخلي الهيدر فعّال للضغط لازم تعدل فيه وتكتب الرابط بنفسك حتى يتم تعديل css تبعاً له ووضع الصورة كخلفية.. ولا يمكن عمل ذلك عن طريق ملف css فقط.كود:<a href="#">SiteName</a>
وياريت الأفضل تذكر لنا ماهو محتوى قالب الهيدر لديك
__________________
كتوم في المصنع {...}
كتوم .. الفكره مفهومه الله يعطيك العافيه وغابت عن بالي .. بس كثرة الأكواد بالثيم خبصتني .. هذا محتوى الهيدر عندي
كود 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() ) { ?> » 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>
تفضل الجزء الخاص بصورة الهيدر سيكون كالتالي ..
أدخلته في div مستقل حتى إن احتجت إضافة مجموعه وصلات مثلاً أو وصف للمدونة بشكل معين هايكون بنفس هذا الـ div.. تم إدارج إسم المدونة ووصلة url لها معنونة داخل وسم H1كود PHP:
<div id="header">
<h1><a href="<?php echo get_option('home'); ?>/" title="<?php bloginfo('name'); ?>">
<?php bloginfo('name'); ?>
</a></h1>
</div>
وخواص css كالتالي..
وهذا مثال TestHeaderImage لترى كيف تظهر، ولاحظ الهيدر أصبح كله فعّال وإسم المدونة أصبح مخفي وظهر عنوان عند الوقوف على الصورة.كود:#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; }
تقبل التحيه،،
__________________
كتوم في المصنع {...}
الله يمدك بالصحه والعافيه دائماً وابداً ان شاء الله
فقط قم بتعديل السطر القبل الاخيركود 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() ) { ?> » 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
__________________
تحاور مع العاقل بعقل .. اما ان يقتنع او تقتنع
وتحاور مع الجاهل بعقل .. اما يطقعش او تفرقش
وتلك الفاظ لا معنى لها كذلك كلماته