[مجابة]اغير في الcss وما يتغير في المنتدى

هنا يتم النقاش حول فكرة الستايل الأساسية CSS، وحول طريقتها في phpBB

المشرف: alhitary

صورة العضو الرمزية
Qenaei
عضو جديد
عضو جديد
مشاركات: 1
اشترك في: الاثنين مارس 27, 2006 11:52 pm

[?????]???? ?? ??css ??? ????? ?? ???????

مشاركةبواسطة Qenaei » الاثنين مارس 27, 2006 11:57 pm

?????? ????? ? ???? ???? ? ??????

???? ????? ? ???? ??? ???? ??? tahoma ? ???? ?????

??? ??? css

كود: تحديد الكل

/*
  phpBBStyles Theme for phpBB version 2+
  Created by Vjacheslav Trushkin
  http://www.trushkin.net
  http://www.phpbbstyles.com
*/

body { background-color: #FFF; margin: 0px; padding: 0px; }
body { scrollbar-arrow-color: #3B88C5; scrollbar-face-color: #FFFFFF; scrollbar-track-color: #E0E0E0; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #C0C0C0; scrollbar-shadow-color: #FFFFFF; scrollbar-darkshadow-color: #B0B0B0; }

font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
a { text-decoration: underline; color: #3B88C5; }
a:visited { text-decoration: underline; color: #3279B2; }
a:hover, a:active { text-decoration: underline; color: #FF9C00; }
hr { height: 0px; border: solid #3888C7 0px; border-top-width: 1px;}

img { border: 0px; }
form { display: inline; }

table.forumline { background-color: #C0C0C0; }
table.forumline:hover { background-color: #B0B0B0; }

td.border_left { background-image: url('images/admin_border_left.gif'); width: 10px; }
td.border_right { background-image: url('images/admin_border_right.gif'); width: 10px; }
td.content { background-color: #FFF; }

td.row, td.row1, td.row2, td.row3 { background-color: #FFF; }

th, td.th { color: #F6F6F5; font-size: 12px; font-weight: bold; background-color: #4595D4; background-image: url('images/admin_bg_th.gif'); background-repeat: repeat-x; height: 25px; border-style: solid; border-color: #56A6E5; border-width: 0px 1px 0px 1px; }

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom { color: #000; font-size: 11px; background-color: #5393C6; background-image: url('images/admin_bg_cat.gif'); background-repeat: repeat-x; height: 27px; padding: 1px; }

.gen { font-size: 12px; }
.genmed { font-size: 11px; }
.gensmall { font-size: 10px; }


.nav { font-weight: bold; font-size: 11px; color: #FF9C00;}
.nav a, .nav a:visited { text-decoration: underline; color: #3B88C5; }
.nav a:hover, .nav a:active { text-decoration: underline; color: #FF9C00; }

table.nav { background-color: #F7F7F7; background-image: url('images/admin_bg_cat.gif'); border: solid 1px #4E9EDD; height: 25px; }
table.nav:hover { border: solid 1px #3B88C5; }

.forumlink { font-weight: bold; font-size: 12px; }
a.forumlink, a.forumlink:visited { text-decoration: none; }
a.forumlink:hover, a.forumlink:active { text-decoration: underline; }

.forumlink_new { font-weight: bold; font-size: 12px; }
a.forumlink_new, a.forumlink_new:visited { text-decoration: none; color: #F2A62E; }
a.forumlink_new:hover, a.forumlink_new:active { text-decoration: underline; }

.moderators { font-size: 10px; }
.moderators a, .moderators a:visited { color: #A2A2A2; text-decoration: underline; }
.moderators a:hover, .moderators a:active { color: #FF9C00; text-decoration: underline; } 

input { text-indent: 2px; }
input,textarea, select { color: #333; font: normal 11px Verdana, Arial, Helvetica, sans-serif; }
input.post, textarea.post, select { background-color: #FFF; border: solid 1px #2C6B9D; }
input.post { height: 17px; }

input.button { background-color: #FFFFFF; color: #333333; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;  border: solid 1px #2C6B9D; }

input.mainoption { background-color: #FFFFFF; font-weight: bold;  border: solid 1px #2C6B9D; height: 17px; }
input.liteoption { background-color: #FFFFFF; font-weight: normal;  border: solid 1px #2C6B9D; height: 17px; }

select optgroup { background-color: #C3C7C9; color: #404040; }
select option, select optgroup option { background-color: #FFF; color: #000; }

.helpline { background-color: #FFF; border: solid 1px #FFF; color: #444; }

.topiclink { font-weight: bold; font-size: 11px; }
a.topiclink, a.topiclink:visited { text-decoration: none; }
a.topiclink:hover, a.topiclink:active { text-decoration: underline; }

.topiclink_new { font-weight: bold; font-size: 11px; }
a.topiclink_new { text-decoration: none; color: #FF9C00; }
a.topiclink_new:visited	{ text-decoration: none; color: #FF9C00; }
a.topiclink_new:hover, a.topiclink_new:active { text-decoration: underline; }

.postbody { font-size: 12px; color: #202020; }
.postbody a, .postbody a:visited { text-decoration: underline; }
.postbody a:hover, .postbody a:active { text-decoration: underline; }

.signature { font-size: 12px; color: #404040; }

.postdate { font-size: 10px; color: #646464; }

.name { font-weight: bold; font-size: 11px; }
.name a, .name a:visited { text-decoration: underline; }
.name a:hover, a.name a:active { text-decoration: underline; }
.postdetails { color: #646464; font-size: 9px; }


table.quote { background-color: #C0C0C0; }
td.quote_user { background-color: #F2F2F2; font-size: 11px; color: #555; background-image: url('images/admin_bg_cat.gif'); }
td.quote { background-color: #FAFAFA; }

table.code { background-color: #C0C0C0; }
td.code_header { background-color: #F2F2F2; font-size: 11px; color: #555; background-image: url('images/admin_bg_cat.gif'); }
td.code { background-color: #FFF; font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #288B38; }


.pagination { color: #666; font-weight: bold; margin: 0px; margin-top: 5px; margin-bottom: 3px; }
.pagination a, .pagination a:visited { color: #000; border: #D4D7DA 1px solid; padding: 1px; background-color: #EAEBEB; }
.pagination a:hover, .pagination a:active { color: #666; border: #EAECEF 1px solid; padding: 1px; background-color: #FFF; }

.gotopage { margin: 0px; margin-top: 5px; margin-bottom: 1px; }
.gotopage a, .gotopage a:visited { border: #DADCDF 1px solid; padding: 1px; background-color: #E9EDEE; }
.gotopage a:hover, .gotopage a:active { border: #E5E8E9 1px solid; padding: 1px; background-color: #FFF; }


td.spacerow { background-color: #F2F2F2; background-image: url('images/bg_th.gif'); height: 2px; padding: 0px; }

.cattitle		{ font-weight: bold; font-size: 12px ; letter-spacing: 1px; color: #444; }
a.cattitle		{ text-decoration: none; }
a.cattitle:hover{ text-decoration: underline; }

.maintitle,h1,h2	{
			font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
			text-decoration: none; line-height : 120%; color : #000000;
}
??? ??? overall_header

كود: تحديد الكل

<!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" dir="{S_CONTENT_DIRECTION}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="Author" content="http://www.phpbbstyles.com" />
{META}
{NAV_LINKS}
<title>{SITENAME} :: {PAGE_TITLE}</title>
<link rel="stylesheet" href="{T_TEMPLATE_PATH}/style_{TPL_COLOR}.css" type="text/css" />
<style type="text/css">
<!--

<!-- BEGIN ca_normal -->
.forumdiv {	background: url({T_TEMPLATE_PATH}/images/{TPL_COLOR}/hdr_bg.gif) top left repeat-x; }
<!-- END ca_normal -->
<!-- BEGIN ca_rounded -->
.hdr-table-rounded { background: url({T_TEMPLATE_PATH}/images/{TPL_COLOR}/hdr_bg2.gif) top left repeat-x; }
<!-- END ca_rounded -->

<!-- BEGIN tpl_browser_safari -->
/* workaround for safari bugs */
.hdr-table, hdr-table-rounded { width: auto; }
html>body .postbody { overflow: visible; }
<!-- END tpl_browser_safari -->
-->
</style>
<!-- BEGIN switch_enable_pm_popup -->
<script language="Javascript" type="text/javascript">
<!--
{CA_XS_COMMENT_JS_START}
	if ( {PRIVATE_MESSAGE_NEW_FLAG} )
	{
		window.open('{U_PRIVATEMSGS_POPUP}', '_phpbbprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');;
	}
{CA_XS_COMMENT_JS_END}
//-->
</script>
<!-- END switch_enable_pm_popup -->
<script language="javascript" type="text/javascript">
<!--

var PreloadFlag = false;
var expDays = 90;
var exp = new Date(); 
var tmp = '';
var tmp_counter = 0;
var tmp_open = 0;

exp.setTime(exp.getTime() + (expDays*24*60*60*1000));

function SetCookie(name, value) 
{
	var argv = SetCookie.arguments;
	var argc = SetCookie.arguments.length;
	var expires = (argc > 2) ? argv[2] : null;
	var path = (argc > 3) ? argv[3] : null;
	var domain = (argc > 4) ? argv[4] : null;
	var secure = (argc > 5) ? argv[5] : false;
	document.cookie = name + "=" + escape(value) +
		((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
		((path == null) ? "" : ("; path=" + path)) +
		((domain == null) ? "" : ("; domain=" + domain)) +
		((secure == true) ? "; secure" : "");
}

function getCookieVal(offset) 
{
	var endstr = document.cookie.indexOf(";",offset);
	if (endstr == -1)
	{
		endstr = document.cookie.length;
	}
	return unescape(document.cookie.substring(offset, endstr));
}

function GetCookie(name) 
{
	var arg = name + "=";
	var alen = arg.length;
	var clen = document.cookie.length;
	var i = 0;
	while (i < clen) 
	{
		var j = i + alen;
		if (document.cookie.substring(i, j) == arg)
			return getCookieVal(j);
		i = document.cookie.indexOf(" ", i) + 1;
		if (i == 0)
			break;
	} 
	return null;
}

function ShowHide(id1, id2, id3) 
{
	var res = expMenu(id1);
	if (id2 != '') expMenu(id2);
	if (id3 != '') SetCookie(id3, res, exp);
}
	
function expMenu(id) 
{
	var itm = null;
	if (document.getElementById) 
	{
		itm = document.getElementById(id);
	}
	else if (document.all)
	{
		itm = document.all[id];
	} 
	else if (document.layers)
	{
		itm = document.layers[id];
	}
	if (!itm) 
	{
		// do nothing
	}
	else if (itm.style) 
	{
		if (itm.style.display == "none")
		{ 
			itm.style.display = ""; 
			return 1;
		}
		else
		{
			itm.style.display = "none"; 
			return 2;
		}
	}
	else 
	{
		itm.visibility = "show"; 
		return 1;
	}
}

//-->
</script>
</head>
<body>
<a name="top"></a>


<table class="border-over" cellspacing="0" cellpadding="0" width="100%">
<tr>
	<td class="logo"><a href="{U_INDEX}"><img src="{T_TEMPLATE_PATH}/images/tree.gif" width="65" height="77" alt="{L_INDEX}" /><img src="{T_TEMPLATE_PATH}/images/{TPL_COLOR}/logo.gif" height="77" alt="{L_INDEX}" /></a></td>
</tr>
<tr>
	<td class="buttons" nowrap="nowrap" valign="top"><div>
		<!-- BEGIN switch_user_logged_out -->
		<a href="{U_REGISTER}">{L_REGISTER}</a>
		<img src="{T_TEMPLATE_PATH}/images/buttons_spacer.gif" alt="" width="10" height="11" />
		<!-- END switch_user_logged_out -->
		<a href="{U_FAQ}">{L_FAQ}</a>
		<img src="{T_TEMPLATE_PATH}/images/buttons_spacer.gif" alt="" width="10" height="11" />
		<a href="{U_SEARCH}">{L_SEARCH}</a>
		<img src="{T_TEMPLATE_PATH}/images/buttons_spacer.gif" alt="" width="10" height="11" />
		<a href="{U_MEMBERLIST}">{L_MEMBERLIST}</a>
		<img src="{T_TEMPLATE_PATH}/images/buttons_spacer.gif" alt="" width="10" height="11" />
		<a href="{U_GROUP_CP}">{L_USERGROUPS}</a>
		<img src="{T_TEMPLATE_PATH}/images/buttons_spacer.gif" alt="" width="10" height="11" />
		<!-- BEGIN switch_user_logged_in -->
		<a href="{U_PROFILE}">{L_PROFILE}</a>
		<img src="{T_TEMPLATE_PATH}/images/buttons_spacer.gif" alt="" width="10" height="11" />
		<a href="{U_PRIVATEMSGS}">{L_PRIVATEMSGS}{C_PM}</a>
		<img src="{T_TEMPLATE_PATH}/images/buttons_spacer.gif" alt="" width="10" height="11" />
		<!-- END switch_user_logged_in -->
		<a href="{U_LOGIN_LOGOUT}">{CA_L_LOGIN_LOGOUT}</a>
	</div></td>
</tr>
<tr>
	<td class="buttons1"><table border="0" cellspacing="0" cellpadding="0" width="100%">
	<tr>
		<td width="50%" align="left"><img src="{T_TEMPLATE_PATH}/images/buttons_left2.gif" width="5" height="6" alt="" /></td>
		<td width="50%" align="right"><img src="{T_TEMPLATE_PATH}/images/buttons_right2.gif" width="5" height="6" alt="" /></td>
	</tr>
	</table></td>
</tr>
</table>

<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%" class="forum">
<tr>
	<td width="10" class="border-left"><img src="{T_TEMPLATE_PATH}/images/spacer.gif" width="10" height="1" alt="" /></td>
	<td class="content" valign="top" width="100%" height="100%">
	

	<!-- BEGIN switch_xs_enabled -->
	<?php if($this->vars['CA_NEW_MSGS'] && $this->vars['PRIVATE_MESSAGE_INFO'] !== $this->vars['CA_L_NO_MSG'] && !defined('CA_POPUP_SHOWED')) { ?>
	<div id="newmsgs"><a href="{U_PRIVATEMSGS}" class="newmsgs">{PRIVATE_MESSAGE_INFO}</a></div>
	<?php define('CA_POPUP_SHOWED', true); } ?>
	<!-- END switch_xs_enabled -->

	<!-- BEGIN ca_new_privmsgs -->
	{CA_XS_COMMENT_START}<div id="newmsgs"><a href="{U_PRIVATEMSGS}" class="newmsgs">{ca_new_privmsgs.TEXT}</a></div>{CA_XS_COMMENT_END}
	<!-- END ca_new_privmsgs -->
???? ????? ??? ????????
آخر تعديل بواسطة Qenaei في السبت إبريل 08, 2006 3:30 pm، تم التعديل مرة واحدة.




ABo.AzAzI
مشرف سابق
مشرف سابق
مشاركات: 1577
اشترك في: الأربعاء مارس 16, 2005 10:13 pm
مكان: K.s.A

مشاركةبواسطة ABo.AzAzI » الثلاثاء مارس 28, 2006 1:55 pm

???? ????? ?????? ?? ????? ?????? ????? ??? ????? ???????? :D

صورة العضو الرمزية
SiZaRe
عضو جديد
عضو جديد
مشاركات: 53
اشترك في: الأربعاء ديسمبر 14, 2005 12:15 am
مكان: BaHrAiN
اتصال:

مشاركةبواسطة SiZaRe » الثلاثاء إبريل 04, 2006 10:52 pm

???????????????

??? ???? ??? ??? ???? ?? ??? CSS ? ????? ?? :lol:

?? ??? ??????? ??? ???? ??? ??? ?????

^^ ???? ???? ^^

???????


SiZaRe
صورة


العودة إلى ”[ ×.2.0 ] الاستايلات“

الموجودون الآن

المتصفحون للمنتدى الآن: Ahrefs [Bot] و 6 زوار