::: در حال بارگیری لطفا صبر کنید :::Loading , please wait ...

انجمن کدستانMoisrex

MoisrexMoisrex.rozblog.com
زمان جاریtime : شنبه 16 تیر 1403 - 8:11 بعد از ظهر
نام کاربریusername : پسوردpassword : یاor عضویتregister | رمز عبور را فراموش کردمForgot your password?
شما در سایت ما ثبت نام نکرده اید و یا وارد اکانت کاربری خود نشده اید. از شما خواهشمند هستیم You are not log in to site. Please وارد شویدlogin یاor ثبت نام کنیدregister .
استایل دادن به اینپوت
تعداد بازدیدvisits : 462
abab آفلاین



ارسال هاAnswers : 3
عضویتRegistration date : 21 /3 /1394
حمایت کردهThanks : 2
استایل دادن به اینپوت

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

ولی یه سوال دارم

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

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

همین مشکلم با خبر نامه دارم

یعنی نمی دونم با چه طریقی می تونم به فیلدی که ایمیل واردش می شه و دکمه ثبت و عدم ثبت استایل بدهم

(بلدم استایل کلی به فیلد و باتوم بدهم ولی می خواهم استایل جداگونه به اینا بدهم)

مثلا فیلد ورود

width: 50px باشه

و رنگ آبی و فیلد پسورد width:70px; و رنگ سبز

و دکمه ورود هم نارنجی باشه

و خبر نامه مثلا تکست فیلدش قهوه ای باشه

و دکمه ثبت ایمیل صورتی و دکمه عدم ثبت مشکی

اینجوری می خواهم مثلا کسی می تونه کمکم کنه؟

پنجشنبه 21 خرداد 1394 - 19:50
ارسال پیامsend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
smaeal آفلاین



ارسال‌هاAsnwers : 10648
عضویتRegistration date : 18 /11 /1392
حمایت کردهthanks : 18906
حمایت شدهThanked : 5424
پاسخAnswer 1 : یه سوال در مورد ساخت قالب رزبلاگ

داداش کار سختی نیست...

این استایل رو نگاه کن:

کد:
<style>

input[type=password],

input[type=text]{

display:inline-block;

height:25px;

margin:3px;

padding:0px 4px;

font:11px tahoma;

background:#fff;

border:1px solid #d9d9d9;

border-top:1px solid #c0c0c0;

}

input[type=submit],

input[type=button],

input[type=reset],

button{

padding:5px 6px;

border:1px solid #000;

background:#f90;

color:#fff;

margin:5px;

font:11px tahoma;

border-radius:4px;

-moz-border-radius:4px;

-o-border-radius:4px;

-webkit-border-radius:4px;

-ms-border-radius:4px;

-khtml-border-radius:4px;

}

</style>

<input type="text" value="" placeholder="نام کاربری" name="username" id="loguser"><br>

<input type="password" value="" placeholder="********" name="password" id="logpass"><br>

<button type="submit">ورود به سایت</button>


===================================================
برای تشکر از دکمه « سپاسگزارم » استفاده نمایید
پنجشنبه 21 خرداد 1394 - 19:55
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
smaeal آفلاین



ارسال‌هاAsnwers : 10648
عضویتRegistration date : 18 /11 /1392
حمایت کردهthanks : 18906
حمایت شدهThanked : 5424
پاسخAnswer 2 : استایل دادن به اینپوت

اولین کاری که باید بکنی اینه که بیای و نوع اینپوت هات رو مشخص کنی...

یعنی مثلاً میخوای به اینپوتی با type پسورد یه استایل بدی...

وبه اینپوتی با type تسکت یه نوع استایل دیگه...

خب مثل مثالی که زدم میای رفتار میکنی...در کل به ساده ترین شکل ممکن توضیح دادم تا متوجه بشی...


===================================================
برای تشکر از دکمه « سپاسگزارم » استفاده نمایید
پنجشنبه 21 خرداد 1394 - 19:58
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
smaeal آفلاین



ارسال‌هاAsnwers : 10648
عضویتRegistration date : 18 /11 /1392
حمایت کردهthanks : 18906
حمایت شدهThanked : 5424
پاسخAnswer 3 : استایل دادن به اینپوت

این قسمت برای input type=text و type=passwordـه...

اینم برای دکمه های reset و button و submiteـه..

یعنی برای هر بخش استایل جداگانه داده شده...

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

همین ها رو دادم که یاد بگیری...

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

البته من همونی که گفتی رو سادشو برات ساختم...یعنی همونیه که گفتی:

کد:
<style>

input[type=password]{

background:#2DDD86;

width:70px;

}

input[type=text]{

background:#2DC4DD;

width:50px;

}

input[type=submit],

input[type=button],

input[type=reset],

button{

padding:5px 6px;

background:#f90;

color:#fff;

margin:5px;

}

</style>

<input type="text" value="" placeholder="نام کاربری" name="username" id="loguser"><br>

<input type="password" value="" placeholder="********" name="password" id="logpass"><br>

<button type="submit">ورود به سایت</button>

بقیش رو از روی همین بساز...


===================================================
برای تشکر از دکمه « سپاسگزارم » استفاده نمایید
پنجشنبه 21 خرداد 1394 - 20:10
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
abab آفلاین



ارسال‌هاAsnwers : 3
عضویتRegistration date : 21 /3 /1394
حمایت کردهthanks : 2
پاسخAnswer 4 : استایل دادن به اینپوت

اسمائیل اینی که الان دادی کار نمی کنه که دادا

نگاه کن

کد:

<RB:Form_Login_Block>

<input type="text" value="" placeholder="نام کاربری" name="username" id="loguser"><br>

<input type="password" value="" placeholder="********" name="password" id="logpass"><br>

<button type="submit">ورود به سایت</button>

</RB:Form_Login_Block>

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

پنجشنبه 21 خرداد 1394 - 20:45
ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
smaeal آفلاین



ارسال‌هاAsnwers : 10648
عضویتRegistration date : 18 /11 /1392
حمایت کردهthanks : 18906
حمایت شدهThanked : 5424
پاسخAnswer 5 : استایل دادن به اینپوت

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

یعنی تو تگشو میزاری...خودش جاگذاریش میکنه...

تو فقط میتونی استایل بدی بهش...

موفق باشی...


===================================================
برای تشکر از دکمه « سپاسگزارم » استفاده نمایید
پنجشنبه 21 خرداد 1394 - 20:48
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
smaeal آفلاین



ارسال‌هاAsnwers : 10648
عضویتRegistration date : 18 /11 /1392
حمایت کردهthanks : 18906
حمایت شدهThanked : 5424
پاسخAnswer 6 : استایل دادن به اینپوت

یعنی یه نمونه دارم...بگیر اینو استفاده کن:

کد:
<RB:Form_Login_Block>

<style>

input[type=password]{

background:#2DDD86;

width:70px;

}

input[type=text]{

background:#2DC4DD;

width:50px;

}

input[type=submit],

input[type=button],

input[type=reset],

button{

padding:5px 6px;

background:#f90;

color:#fff;

margin:5px;

}

</style>

<script>

function BoxPosition(id){

var boxid=document.getElementById(id),

idleft=0,

idtop=0;

while(boxid){

idleft+=boxid.offsetLeft;

idtop+=boxid.offsetTop;

boxid=boxid.offsetParent

}

if(navigator.userAgent.indexOf('Mac')!=-1 && typeof document.body.leftMargin!='undefined'){

idleft+=document.body.leftMargin;

idtop+=document.body.topMargin;

}

return{

left:idleft,

top:idtop

}

}

function SenLoginAjax(){

var loguser=document.getElementById('loguser').value,

logpass=document.getElementById('logpass').value,

xhttp=window.XMLHttpRequest?new XMLHttpRequest():new ActiveXObject('Microsoft.XMLHTTP'),

logload=document.getElementById('LogLoad');

logload.style.display='block';

logload.innerHTML='<center><img

src="http://up.3nafari.ir/up/3nafari/theme3/img/load2.gif" width="30"

height="30" style="vertical-align:middle;">'+

'در حال ورود به سایت ...<\/center>';

logload.style.padding='5px';

logload.style.zIndex=1e3;

logload.style.top=BoxPosition('ajaxload').top+10+'px';

logload.style.left=BoxPosition('ajaxload').left+20+'px';

xhttp.onreadystatechange=function(){

if(xhttp.readyState==4 && xhttp.status==200){

if(xhttp.responseText=='1'){

logload.innerHTML='با موفقیت وارد شدید ...';

window.location.reload();

return true;

}

else{

logload.style.padding='0px';

logload.style.border='0px';

logload.innerHTML=xhttp.responseText;

return false;

}

}

}

xhttp.open('GET','/M?login_ajax=1&username='+loguser+'&password='+logpass+'&do=1',true);

xhttp.send();

return false;

}

</script>

<div style="text-align: center;">

<form action="/Dologin" method="post" onsubmit="return SenLoginAjax();">

<input type="text" value="" placeholder="نام کاربری" name="username" id="loguser"><br>

<input type="password" value="" placeholder="********" name="password" id="logpass"><br>

<button type="submit">ورود به سایت</button>

</form>

<div id="LogLoad"></div>

<div id="ajaxload" style="display: none;"></div>

</div>

</RB:Form_Login_Block>


===================================================
برای تشکر از دکمه « سپاسگزارم » استفاده نمایید
پنجشنبه 21 خرداد 1394 - 21:06
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport



moisrex
درباره ماAbout us لینک های ماOur links کلمات کلیدیKeywords
انجمن تخصصی کدستان ، ساخته شده توسط فردی با نام مستعار Moisrex می باشد.This forum designed by a person who called Moisrex.

ایمیلE-mail : Moisrex @ Gmail.com
کدستان,انجمن کدستان,کدنویسی,انجمن پشتیبانی,فروم,رزبلاگ,آموزش کدنویسی,درخواست کد
تمامی حقوق این انجمن مربوط به همین انجمن می باشد | طراحی قالبCopyright (c) By Moisrex , All rights reserved | Desiger : Moisrex