• اطلاعیه ها

    • Saeed Fard

      آگهی استخدام برنامه نویس و پشتیبان وردپرس   13/12/95

      آگهی استخدام برنامه نویس و پشتیبان وردپرس
       
      2 نفر پشتیبان سایت وردپرسی
      ⁃ آشنا به برنامه نویسی قالب و پلاگین وردپرس 
      ⁃ توانایی راه اندازی سایت، قالب و افزونه های وردپرسی 
      ⁃ توانایی برنامه نویسی PHP در حد متوسط 
      ⁃ اطلاعات عمومی وب بالا 
      ⁃ توانایی پاسخگویی نوشتاری به سوالات انگلیسی با گرامر ساده 
      ⁃ آشنایی با HTML/CSS/jQuery 
      ⁃ دارای روحیه کار تیمی، خلاق، مسئولیت‌پذیر و پشتکار بالا ——— ۲ نفر برنامه نویس قالب وردپرس
      ⁃ تسلط به HTML/CSS/jQuery و Bootstrap
      ⁃ توانایی تبدیل HTML به قالب وردپرس
      ⁃ توانایی برنامه نویسی PHP و پلاگین نویسی وردپرس در حد متوسط
      ⁃ آشنایی به اصول سئو 
      ⁃ آشنایی با Git/subversion مزیت محسوب می‌شود.
      ⁃ دارای روحیه کار تیمی، خلاق، مسئولیت‌پذیر و پشتکار بالا ——— ۱ نفر طراح UI/UX
      ⁃ طراحی خلاقه وب سایت
      ⁃ طراحی با جدیدترین استایل‌های طراحی سایت
      ⁃ مسلط به تایپوگرافی انگلیسی و طراحی وب سایت انگلیسی
      ⁃ انتقاد پذیری و قبول بازخوردهای تیم و مشارکت با دیگر اعضاء تیم برای سرعت بخشیدن به فرایند انجام پروژه
      ⁃ آشنایی و درک HTML/CSS/jQuery
      ⁃ دارای روحیه کار تیمی، خلاق، مسئولیت‌پذیر و پشتکار بالا
      ⁃ امکان همکاری به صورت پروژه‌ای و دورکاری در این موقعیت شغلی فراهم است ——— مزایای کار در مجموعه گرودیا
      ⁃ تجربه ناب کار در سطح یک جهانی
      ⁃ محیط کار بسیار دوستانه و آرام
      ⁃ پرداخت های مناسب و سر وقت
      ⁃ کلاس های آموزشی داخلی به جهت بالا بردن دانایی و توانایی همه اعضا   از علاقه‌مندان و نیازمندان تقاضا می‌شود لطفا رزومه کاری خود را با قید موقعیت شغلی به ایمیل info@grodea.co ارسال نمایید.
    • Morteza

      سال 1396 خورشیدی مبارک   29/12/95

      سال 1396 خورشیدی مبارک
1tarah

سوال در مورد css

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

سلام

من میخوام ستون های سایتم رو مطابق با ستون وسط سایت که ثابت نیست و بسته به میزان نوشته و پست heightش مشخص نیست یکی بشه.

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

مثل شکل زیر. ستون سمت چپ رو میخوام که موازی ستون وسط هست. هرچی ستون وسط بلند بشه ستون سمت چپ هم بلند میشه.

قبلا ممنون.

up2eak3o8658qiqs51f.jpg

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


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

میتونید خاصیت height رو به صورت درصد بدین به این شکل:

.test{
height:90%;
}

البته اگه میخواین قابل تغییر باشه.

هر دو رو یه استایل بدین که وقتی یکی استایلش تغییر کرد اونم تغییر کنه.

ویرایش شده در توسط اشکان

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


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

راه که زیاد داره این سه راه به عنوان نمونه

اول با جی کوئری :

header.php


<script src="http://code.jquery.com/jquery-latest.js"></script>

style.css


.sidebars {
width:250px;
margin:0px 10px;
padding:5px;
background:#0099CC
}
#sidebar1 {
float:left;
}
#sidebar2 {
float:right;
}
#content {
background:#FF6600;
margin:10px 285px 10px;;
padding:5px;
}

و در index.php,single.php , page.php, archives.php (هرجا سایدبار داره


<div id="sidebar1" class="sidebars">
ستون کناری1
</div>
<div id="sidebar2" class="sidebars">
ستون کناری2
</div>
<div id="content">
حلقه مطالب
</div>

jquery:


<script type="text/javascript">
$(document).ready(function () {
var height = $("#content").height();
$(".sidebars").height(height);
});
</script>

روش دوم با css

در style.cc


#page {
height:auto;
position:relative;
}
.sidebars {
width:250px;
position:absolute;
bottom:0px;
top:0px;
zoom:1;
background:#0099FF;
}
#content {
background:#FF6600;
margin:10px 300px;
}
.sidebars#sidebar1 {
right:10px;
}
.sidebars#sidebar2 {
left:10px;
}

ساختار صفحات


<div id="page">
<div id="sidebar1" class="sidebars">
ستون کناری1
</div>
<div id="sidebar2" class="sidebars">
ستون کناری2
</div>
<div id="content">
حلقه مطالب
</div>
</div>

روش سوم table


<table cellpadding="10" cellspacing="0" style="width: 100%;direction: rtl">
<tr>
<td style="background:maroon">ستون کناری 1</td>
<td style="background:#009933;width:60%">حلقه مطالب</td>
<td style="background:orange">ستون کناری2</td>
</tr>
</table>

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


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

فکر کنم آقا ایمان منظور من رو درست متوجه نشدم

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

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


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

فکر کنم آقا ایمان منظور من رو درست متوجه نشدم

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

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

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


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

ما چاکر آقا ایمانم هستیم

از پست جامعی که زدن مشخصه. در ضمن من ایشون رو میشناسم ;)

چشم. ما دقت میکنیم

ویرایش شده در توسط 1tarah

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


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

دوراه پیدا کردم :

اولی :


.container {
overflow: hidden;
}
.column1 {
float: left;
margin: 20px;
background-color: grey;
padding-bottom: 1000px;
margin-bottom: -1000px;
}
.column2 {
float: left;
margin: 20px;
background-color: grey;
padding-bottom: 1000px;
margin-bottom: -1000px;
}
.column3 {
float: left;
margin: 20px;
background-color: grey;
padding-bottom: 1000px;
margin-bottom: -1000px;
}

...


<div class="container">
<div class="column1">
column1
</div>
<div class="column2">
column2<br/>
column2<br/>
column2<br/>
column2
</div>
<div class="column3">
column3
</div>
</div>

راه دوم :


#col1 {
float:left;
width:26%;
position:relative;
left:72%;
overflow:hidden;
background-color:#ccc;
margin:10px;
}
#col2 {
float:left;
width:36%;
position:relative;
left:76%;
overflow:hidden;
background-color:#ccc;
margin:10px;
}
#col3 {
float:left;
width:26%;
position:relative;
left:80%;
overflow:hidden;
background-color:#ccc;
margin:10px;
}

....


<div id="col1">Column 1<br />Column 1<br />
Column 1<br />
Column 1<br />
Column 1<br />
</div>
<div id="col2">Column 2</div>
<div id="col3">Column 3</div>
</body>

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


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

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

روش دوم هم ربطی به ارتفاع نداشت شما با روش درصدی که اشکان عزیز فرمودند پهنا را تعریف کردید نه ارتفاع را

نمونه روش اولی که عرض شد:

http://jsfiddle.net/qkXet/

همان نمونه در حالت عادی

http://jsfiddle.net/qkXet/1

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


لینک به پست
به اشتراک گذاری در سایت های دیگر
http://jsfiddle.net/ZKbHE/ ویرایش شده در توسط 1tarah

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


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

اینجا نگاه بر اینه که قالب بسته است ولی اگر قرار باشه از بیس نوشته شه طبیعی ترین راهش table است ضمن اینکه اول هم عرض شد راه زیاده

http://jsfiddle.net/ZKbHE/1/

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


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

درسته

ولی خب table استاندارد نیست.

ممنون آقا ایمان از وقتی که گذاشتید.

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


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

ولی خب table استاندارد نیست.

table کاملا استاندارده

چه کسی گفته استاندارد نیست؟!!

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


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

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط amzzm75
      باسلام و احترام قالبی که من استفاده میکنم تعداد زیادی فایل css و javascript داره به طوری که تعداد درخواست ها به سرور منو زیاد کرده به طوری که وقتی با gtmetrix تست میکنم میزنه 150 درخواست به سرور و به فشرده نبودن و تعداد زیاد فایل ها ایراد میگیره من یه بار اومدم با سایتایی که این فایلا رو فشرده میکنن فشردشون کردم اما فونت و ظاهر بعضی قسمت های سایت بهم ریخت و مجبور شدم به حالت قبل برش گردونم موندم چیکار کنم که تعداد فایل ها کم بشه تا سرعت لود سایت بالاتر بره و سایت بهینه بشه لطفا راهنمایی کنین 
      آدرس سایت من:umagazine.ir
    • توسط chemist
      با سلام و عرض خسته نباشید؛
      بنده از این کد CSS در وب سایت استفاده کرده ام؛
      #left-menu i img { max-width:24px; max-height:24px; } در مرورگر کروم موبایل تصاویر در اندازه واقعی عکس ها نمایش داده می شود! (از ماکزیمم طول و عرض تعیین شده تبعیت نمی کند) ولی در مابقی مرورگرها با ابعاد تعیین شده نمایش داده می شود. آیا برای سازگاری کامل با تمامی مرورگرها باید تغییری در کد اعمال کنم؟
      ممنون میشم راهنمایی بفرمائید.
      با تشکر
    • توسط mehr-cs
      سلام
      منمیخوام یه قسمت تحت عنوان تاریخچه داشته باشم به این صورت که، تو یک باکس کوچیک تمامی حروف الفبا رو داشته باشم و لوگوی کل تاریخچه ی برند هام تو صفحه باشه و کاربر بعد از کلیک کردن روی هر کدوم از حروف الفبا، کلیه تاریخچه هایی که با اون حرف شروع میشه رو ببینه !
      دوستان راهنمایی میکنن ؟
    • توسط mihanpsd
      سلام میخوام وقتی موس به سمت محصولات حرکت داده میشه ، عکس hover محصول نمایش داده نشه و حرکت نکنه . همون عکس بصورت ثابت باقی بمونه .
      ممنون میشم راهنمایی کنید .
      http://mashinno.com 
       
    • توسط hosseinrasouli
      سلام به مهندسین.
      من میخواهم منو چند ستونه داشته باشم  و اینکارو با تغییر فایل style.css خود قالب انجام بدم.  (نمی خواهم از افزونه های مگامنو استفاده کنم)
      تغییراتی رو در style.css قالب انجام دادم ولی عملی نشد .
      فایل style.css و تصویر منو سایت پیوست است . ( خواهشمند است دوستان برنامه نویس راهنمایی کنند) style.css