رفتن به مطلب

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


پست های پیشنهاد شده

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

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

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

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

لینک به ارسال

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

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

لینک به ارسال

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

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

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

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

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

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

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

<div class="CATNAME"> 

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



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

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

لینک به ارسال

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

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

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

لینک به ارسال

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


margin: 0 0 -1px !important;

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

لینک به ارسال

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

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

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

مرسی بازم

لینک به ارسال

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;

}

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...