کمک در نوشت css

MAHDI_AK47 · Dec 7, 2009

سلام
دوستان و همکاران که در این زمینه ماهر هستند یک کمک برسونن پلیز .
من در موبل تایپ یک پلاگین نصب کردم واسه شماره صفحات و اون پایین که شماره صفحات رو میزنه فقط عدد خیلی ساده هست
...... Next 1 2 3 4 ...
میخواهم دور این عدد ها کادر بندازم و یا بشه توش رنگ باحال بخوره دیگه توب میشه .....
کسی میتونه کمک کنه
. فایل CSS ش هم اینه

.

کد:

body {     font-size:13px; }  .example1 {     font-weight: bold;     font-size: 14px }  .example2 {     font-weight: bold;     font-size: 12px;     color: #FF0000 }  .example3 {     font-weight: bold;     font-size: 11px }

تنها فایل CSS موجود هم همین بود اگه یکوقتی بی ربط بود بگید کلا فایلاشو آپ کنم .

E-Boy · Dec 7, 2009

سلام دوست عزیز .
لطفا کد های اچ تی ام ال رو هم بزارین تا متوجه بشیم هر کدوم از این انتخاب کننده ها مربوط به چه بخشی هست .
موفق باشید .

MAHDI_AK47 · Dec 7, 2009

بله دوست من

فایل پیوست کل پلاگین هست ......

نمومنه نصب شده پلاگین هم در سایته پایین سایت صفحات

www.AriaDownload.com

E-Boy · Dec 7, 2009

سلام دوست عزیز .
خسته نباشید .
متاسفانه من از این پلاگین چیزی نفهمیدم .
اما برای این که یه بلوک رو دورش کادر ایجاد کنید و وقتی موس روش میره رنگ کادر تغییر کنه می تونید از کد زیر که خودم نوشتم استفاده کنید .

کد:

<html>
<head>
    <style type="text/css">
        body {
            margin:0;
            padding:0;
            font-family:tahoma;
            font-size:11px;
            }
        #test a:link {
            display:block;
            width:20;
            height:18px;
            border:1px #c2c2c2 solid;
            text-align:center;
            padding:5px 2px 2px 2px; 
            text-decoration:none;
            }
        #test a:visited { 
            display:block;
            width:20;
            height:18px;
            border:1px #c2c2c2 solid;
            text-align:center;
            padding:5px 2px 2px 2px; 
            text-decoration: none;
            }
        #test a:hover { 
            border:1px #00aeed solid;
            }

    </style>
</head>
<body>
    <div id="test">
        <a href="#">
            1
        </a>
    </div>
</body>
</html>

این بهترین روشی هست که من به ذهنم رسید .
اگر که از کد چیزی متوجه نشدید یا کار با سی اس اس رو بلد نیستین بگین تا بیشتر توضیح بدم و نحوه کار این کد رو بگم .
دوستان هم اگر که کد ساده تری به ذهنشون میرسه معرفی کنند .
موفق باشید .

MAHDI_AK47 · Dec 7, 2009

E-Boy گفت:
اگر که از کد چیزی متوجه نشدید یا کار با سی اس اس رو بلد نیستین بگین تا بیشتر توضیح بدم و نحوه کار این کد رو بگم .

E-Boy · Dec 7, 2009

بازم سلام .
اگر که میشه بگین که می خواین چه شکلی باشه تا بهتون بگم کجا هاش رو باید تغییر بدین .
موفق باشید .

MAHDI_AK47 · Dec 8, 2009

یکی از بجه های مووبل تایپ هم اینو گفته ....

برای کادر گذاشتن دور لینکها هم باید از css استفاده کنی ! با استایل میتونی بهشون padding و border بدی !

E-Boy · Dec 8, 2009

سلام دوست عزیز .
اینم کد شما :

کد:

<html>
<head>
	<style type="text/css">
		body {
			margin:0;
			padding:0;
			font-family:tahoma;
			font-size:11px;
			text-decoration: none;
			}
		#test a:link {
			display:block;
			border:1px #c2c2c2 solid;
			text-align:center;
			padding:5px 10px 5px 10px; 
			text-decoration:none;
			color:#7d7d7d;
			font-weight:bold;
			float:left;
			margin:0 3px 0 0;
			}
		#test a:visited { 
			display:block;
			border:1px #c2c2c2 solid;
			text-align:center;
			padding:5px 10px 5px 10px; 
			text-decoration: none;
			color:#7d7d7d;
			font-weight:bold;
			float:left;
			margin:0 3px 0 0;
			}
		#test a:hover { 
			border:1px #00aeed solid;
			color:#ffffff;
			background-color:#a5d8f6;
			}

	</style>
</head>
<body>
	<div id="test">
		<a href="#">
			Prev
		</a>
		<a href="#">
			1
		</a>
		<a href="#">
			2
		</a>
		<a href="#">
			3
		</a>
		<a href="#">
			Next
		</a>
	</div>
</body>
</html>

متاسفانه من بلد نیستم با این پلاگین شما کد رو هماهنگ کنم .
می تونید کد رو در اختیار کاربران موبل تایپ بزارید و ازشون بخواین که این کد رو با این پلاگین هماهنگ کنند .
موفق باشید .