PReSeNTS

تغیر در اندازه یک باکس

7 پست در این موضوع قرار دارد

سلام بر اساتید عزیز

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

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

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

0

به اشتراک گذاری این پست


لینک به پست

دوست عزیز محدودیت کلیک راست را بردار تا آنلاین بشه کمکتون کرد

لینک فایل css خالیه

1

به اشتراک گذاری این پست


لینک به پست

سلام بر اساتید عزیز

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

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

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

برا من که چیزی نشون نداد ... !

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

مثلا تو کد ها HTML یه بخش کدش اینطوریه :

<div class="CATNAME"> 

اینجا نام دسته CATNAME هست ... حالا شما میری تو قسمت css (استایل) همین کد رو پیدا میکنی که معمولا این شکلی هست :



. CATNAME {
withe : 100px;
height : 500 ;
.
.
.

بعد مقدار هارو تغییر میدی ...

2

به اشتراک گذاری این پست


لینک به پست

http://notepad.cc/share/7tNZmdKhla ببخشید اینم لینک !

محدودیت کلیک برداشته شد شرمنده

دوست عزیز honda.moji متوجه نشدم ...

0

به اشتراک گذاری این پست


لینک به پست

این الان اندازه اش خوبه ولی اگر می خواهید کوچکتر بشه


margin: 0 0 -1px !important;

رو از کدهاتون حذف کنید و تست بگیرید post-336-0-53671600-1371556831_thumb.jpg

4

به اشتراک گذاری این پست


لینک به پست

بله استاد ولی وقتی میری یه مطلب رو باز کنی یه کوچولو میخوام کوچیک بشه که نشد دیگه

زیادم اهمیت خاصی نداره

لپ مشکل اینه که میخوام از سمت چپ اون دوتا قسمت برن راست !

مرسی بازم

0

به اشتراک گذاری این پست


لینک به پست

1. این کد را


form.nd_form, div.nd_logged_in {
border: 1px solid #ddd;
border-bottom: 2px solid #ddd;
padding: 1em;
font-size: 11px;
}

به


form.nd_form, div.nd_logged_in {
border: 1px solid #ddd;
border-bottom: 2px solid #ddd;
padding: 1em;
font-size: 11px;
width:90%;
display:block;
margin:auto;
}

تبدیل کنید

2. این کد را

ul.nd_tabs li {

background: #DDD;

border-left: 1px solid #DDD;

border-right: 1px solid #DDD;

border-top: 1px solid #DDD;

float: left;

font-size: 11px;

margin-right: 5px;

padding: 0.5em 1em;

text-transform: uppercase;

-moz-border-radius-topleft: 4px;

-moz-border-radius-topright: 4px;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

-khtml-border-top-left-radius: 4px;

-khtml-border-top-right-radius: 4px;

-o-border-top-left-radius: 4px;

-o-border-top-right-radius: 4px;

border-top-left-radius: 4px;

border-top-right-radius: 4px;

}

را به

ul.nd_tabs li {

background: #DDD;

border-left: 1px solid #DDD;

border-right: 1px solid #DDD;

border-top: 1px solid #DDD;

float: right;

font-size: 11px;

margin-left: 5px;

padding: 0.5em 1em;

text-transform: uppercase;

-moz-border-radius-topleft: 4px;

-moz-border-radius-topright: 4px;

-webkit-border-top-left-radius: 4px;

-webkit-border-top-right-radius: 4px;

-khtml-border-top-left-radius: 4px;

-khtml-border-top-right-radius: 4px;

-o-border-top-left-radius: 4px;

-o-border-top-right-radius: 4px;

border-top-left-radius: 4px;

border-top-right-radius: 4px;

}

2

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری