• اطلاعیه ها

    • 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 خورشیدی مبارک
dark master

استایل دادن به کامنت

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

سلام

من میخوام در قسمتی که کارب برای ثبت نظرش باید نام ایمیل و سایتش رو بنویسه استایل بدم....... یعنی استایل دادن به فیلد ها رو میدونم ولی برای استایل دادن به متن ها باید چیکار کنم؟ چون از تگ label استفاده شده که من تا حالا باهاش کار نکردم

دوم اینکه میشه کاری کرد که این متنا در فیلد های مربوط به خودشون نمایش داده بشن؟

اگه میشه هر دو رو توضیح بدید

اینم کدهای مربوط به اون قسمت :


<p><input type="text" class="cmt-info" name="author" id="author" value="<?php echo $comment_author; ?>" lang="fa" />
<label for="author"><small> <?php _e('نام',''); if ($req) echo "(required)"; ?></small></label></p>
<p><input type="text" class="cmt-info" name="email" id="email" value="<?php echo $comment_author_email; ?>" />
<label for="email"><small> <?php _e('ایمیل (نمایان نخواهد شد)',''); if ($req) echo "(required)"; ?></small></label></p>
<p><input type="text" class="cmt-info" name="url" id="url" value="<?php echo $comment_author_url; ?>" />
<label for="url"><small><?PHP _e('سایت','');?></small></label></p>

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


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

می تونید به label ها class اضافه کرده و بهشون با css استایل بدین ...

برای اینکه نوشته ها داخل فیلد ها بیاد هم می تونید به input ها placeholder اضافه کنید ...


<input type="text" class="cmt-info" name="author" id="author" value="<?php echo $comment_author; ?>" lang="fa" placeholder="نام و نام خانوادگی"/>

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


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

می تونید به label ها class اضافه کرده و بهشون با css استایل بدین ...

برای اینکه نوشته ها داخل فیلد ها بیاد هم می تونید به input ها placeholder اضافه کنید ...


<input type="text" class="cmt-info" name="author" id="author" value="<?php echo $comment_author; ?>" lang="fa" placeholder="نام و نام خانوادگی"/>

میدونم باید به label ها کلاس بدم ...... کلاس دادنشو بلد نیستم.......... در css باید از چه کدی استفاده کنم؟ برای مثال:


.label {
}

با توجه به کد هایی که در پست قبلی گذاشتم دقیقشو اگه میشه بگید.........

در مورد دومی هم ممنون

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


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

خب سلیقه ای هست

خیلی راحت میتونی همه کد ها رو از w3schools بگیری

حالا من یه د میدم ببینم چطوره

خودتم یکم ویاریشش کن


font-family: BYekan;
font-size: 12px;
color: rgb(51, 51, 51);
line-height: 30px;
background:#e2e2e2;
text-shadow: 1px 1px 1px #ECECEC;
border: solid 1px #B6B6B6;
border-radius: 4px;
box-shadow: inset 0 0px 19px 0px #B8B8B8;
width: 96%;
margin: 2px 2px 5px 0;
padding-right: 2px;
padding-right: 5px;

برای اینکه به لیبل هم استایل بدی 2 راه داری:

داخل سی اس اس اینطوری بنویس بدون .


label {
}

یا هم بهش کلاس اضافه کن اینطوری


<label for="author" class="fild">

ویرایش شده در توسط فرهاد

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


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

خب سلیقه ای هست

خیلی راحت میتونی همه کد ها رو از w3schools بگیری

حالا من یه د میدم ببینم چطوره

خودتم یکم ویاریشش کن


font-family: BYekan;
font-size: 12px;
color: rgb(51, 51, 51);
line-height: 30px;
background:#e2e2e2;
text-shadow: 1px 1px 1px #ECECEC;
border: solid 1px #B6B6B6;
border-radius: 4px;
box-shadow: inset 0 0px 19px 0px #B8B8B8;
width: 96%;
margin: 2px 2px 5px 0;
padding-right: 2px;
padding-right: 5px;

برای اینکه به لیبل هم استایل بدی 2 راه داری:

داخل سی اس اس اینطوری بنویس بدون .


label {
}

یا هم بهش کلاس اضافه کن اینطوری


<label for="author" class="fild">

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

ممنون از همه مشکلم حل شد.......... فقط میشه اگه کسی وارد پروفایلش شده بود ، بازم موقع نظر دادن اون فرم نام و ایمیل نمایش داده بشه به جای اینکه اسم طرفو بنویسه؟

یه موضوع دیگه هم اینکه چطوری میشه کاری کرئ که سرعت تغییر رنگ لینک ها وقتی موس روشون قرار میگیره پایین بیاد و اروم شه؟؟

ویرایش شده در توسط dark master

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


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

شرط بخش فرم کامنت رو باید تغییر بدید

برای لینکها CSS Transitions

http://www.webdesignerdepot.com/2010/01/css-transitions-101/

http://www.creativebloq.com/use-css-transitions-link-effects-9134433

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


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

شرط بخش فرم کامنت رو باید تغییر بدید

برای لینکها CSS Transitions

http://www.webdesign...ransitions-101/

http://www.creativeb...effects-9134433

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

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


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

کد فایل comment را قرار دهید

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


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

<?php // Do not delete these lines
if ('comments.php' == basename($_SERVER['SCRIPT_FILENAME'])) die ('Please do not load this page directly. Thanks!');
if (!empty($post->post_password)) { // if there's a password
if ($_COOKIE['wp-postpass_' . COOKIEHASH] != $post->post_password) { // and it doesn't match the cookie
?>
<h2><?php _e('محافظت شده با رمز',''); ?></h2>
<p><?php _e('برای مشاهده نظرات رمز را وارد کنید',''); ?></p>
<?php return;
}
}
/* This variable is for alternating comment background */
$oddcomment = 'alt';
?>
<!-- You can start editing here. -->
<?php if ($comments) : ?>
<div class="cmt-title"><?php comments_number(__('بدون نظر',''), __('یک نظر برای',''), __('% نظر برای','' ));?> " <?php the_title(); ?> " </div>


<ol class="commentlist">
<?php foreach ($comments as $comment) : ?>
<li class="<?php
/* Only use the adminComment class from style.css if the user_id is 1 (admin) */
if (1 == $comment->user_id)
$oddcomment = "adminComment";
echo $oddcomment;
?>" id="comment-<?php comment_ID() ?>">
<div class="cmt">
<div class="comment-header">
<div class="comment-author"><strong><?php comment_author() ?></strong></div>
<div class="comment-time"><?php comment_date() ?> <?php _e('در','');?> <?php comment_time() ?></div>
</div>
<?php if ($comment->comment_approved == '0') : ?>
<em><?php _e('نظر شما در انتظار تایید است',''); ?></em>
<?php endif; ?>
<div class="comment-content">
<?php comment_text() ?>
</div>
<div class="cmt-edit"><?php edit_comment_link('Edit','',''); ?></div>
</div>
</li>
<?php /* Changes every other comment to a different class */
if ('alt' == $oddcomment) $oddcomment = '';
else $oddcomment = 'alt';
?>
<?php endforeach; /* end for each comment */ ?>
</ol>
<?php else : // this is displayed if there are no comments so far ?>
<?php if ('open' == $post->comment_status) : ?>
<!-- If comments are open, but there are no comments. -->
<?php else : // comments are closed ?>
<!-- If comments are closed. -->
<p class="nocomments"><?php _e('نظرات بسته شده اند.','') ?> </p>
<?php endif; ?>
<?php endif; ?>

<?php if ('open' == $post->comment_status) : ?>
<div class="respond"><?php _e('نظر دهید','');?></div>
<?php if ( get_option('comment_registration') && !$user_ID ) : ?>
<p><?PHP _e('شما باید ','')?> <a href="<?php echo get_option('siteurl'); ?>/?page_id=125?redirect_to=<?php echo urlencode(get_permalink()); ?>"><?PHP _e('وارد شوید ','')?></a><?PHP _e('تا بتوانید نظر دهید','')?></p>
<?php else : ?>
<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" method="post" id="commentform">
<?php if ( $user_ID ) : ?>
<p><?php echo $user_identity; ?></a></p>
<?php else : ?>
<p><input type="text" class="cmt-info" name="author" id="author" value="<?php echo $comment_author; ?>" placeholder="نام "/></p>
<p><input type="text" class="cmt-info" name="author" id="author" value="<?php echo $comment_author; ?>" placeholder="ایمیل (نمایان نخواهد شد)"/></p>

<?php endif; ?>
<!--<p><small><strong>XHTML:</strong> <?php _e('میتوانید از این تگ ها استفاده کنید',''); ?> <?php echo allowed_tags(); ?></small></p>-->
<p><textarea name="comment" class="cmt-textfield" id="comment" ></textarea></p>
<p><input name="submit" class="comment-submit" type="submit" id="submit" tabindex="5" value="<?PHP _e('ارسال','')?>" />
<input type="hidden" name="comment_post_ID" value="<?php echo $id; ?>" />
</p>
<?php do_action('comment_form', $post->ID); ?>
</form>
<?php endif; // If registration required and not logged in ?>
<?php endif; // if you delete this the sky will fall on your head ?>

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


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

این کد رو حذف کنید


<?php if ( $user_ID ) : ?>
<p><?php echo $user_identity; ?></a></p>
<?php else : ?>
<p><input type="text" class="cmt-info" name="author" id="author" value="<?php echo $comment_author; ?>" placeholder="نام "/></p>
<p><input type="text" class="cmt-info" name="author" id="author" value="<?php echo $comment_author; ?>" placeholder="ایمیل (نمایان نخواهد شد)"/></p>
<?php endif; ?>

و جایگزین:


<p><input type="text" class="cmt-info" name="author" id="author" value="<?php echo $comment_author; ?>" placeholder="نام "/></p>
<p><input type="text" class="cmt-info" name="author" id="author" value="<?php echo $comment_author; ?>" placeholder="ایمیل (نمایان نخواهد شد)"/></p>

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


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

ممنون حل شد

من میخوام به این قسمت همون خاصیت

Transitions رو اضافه کنم و وقتی موس روی دکمه ارسال میره رنگ پس زمینه با تاخیر عوض بشه باید چیکار کنم؟


.comment-submit{
margin-bottom:10px;
height:29px;
width: 40px;
border:1px black solid;
text-align:center;
cursor:pointer;
font-family: Tahoma, arial, Geneva, sans-serif;
font-size:12px;
}[/background][/right]

[/color]

[color=#282828]

[right][background=rgb(247, 247, 247)].comment-submit:hover{
-moz-transition: color 2s;
background:#000;
color:#FFF;
}[/background][/right]

[/color]
[color=#282828]

[right][background=rgb(247, 247, 247)]

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


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

.comment-submit{
margin-bottom:10px;
height:29px;
width: 40px;
border:1px black solid;
text-align:center;
cursor:pointer;
font-family: Tahoma, arial, Geneva, sans-serif;
font-size:12px;
}

.comment-submit:hover{
background:#000;
color:#FFF;
}

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


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

.comment-submit
{
margin-bottom:10px;
height:29px;
width: 40px;
border:1px black solid;
text-align:center;
cursor:pointer;
font-family: Tahoma, arial, Geneva, sans-serif;
font-size:12px;
background:#FF0
color:#000;
-moz-transition: all 2s;
}
.comment-submit:hover
{
background:#000;
color:#FFF;
}

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


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


.comment-submit
{
margin-bottom:10px;
height:29px;
width: 40px;
border:1px black solid;
text-align:center;
cursor:pointer;
font-family: Tahoma, arial, Geneva, sans-serif;
font-size:12px;
background:#FF0
color:#000;
-moz-transition: all 2s;
}
.comment-submit:hover
{
background:#000;
color:#FFF;
}

ممنون ولی کار نکرد

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


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

.comment-submit
{
margin-bottom:10px;
border:1px black solid;
text-align:center;
height:30px;
cursor:pointer;
font-family: Tahoma, arial, Geneva, sans-serif;
font-size:12px;
background:#FF0;
color:#009;
-moz-transition: all 2s linear;
-o-transition:all 2s linear;
-webkit-transition: all 2s linear;
transition: all 2s linear;
}
.comment-submit:hover
{
background:#009;
color:#FF0;
}

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


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

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

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

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

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


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

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

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


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