اموزش وبلاگ نویسی

وبلاگ نویسی

اموزش وبلاگ نویسی

وبلاگ نویسی

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

سی اس اس background

ساخت لینک در اچ تی ام ال

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

اموزش سی اس اس

اموزش اچ تی ام ال

کد لیست اچ تی ام ال

اچ تی ام ال لیست

سی اس اس border

تغییر رنگ background با css

ساخت فرم اچ تی ام ال

تایتل کد نویسی

اچ تی ام ال تایتل

اموزش اولیه اچ تی ام

titleدر اج ت ام

html title

سی اس اسfloat

سی اس اس چیست

سی اس اس فلوت

float css

cssفلوت

css float

کد فرم تایپ اچ تی ام ال

فرم تایپ اچ تی ام

ساخت فرم تایپ اچ تی ام ال

form types

کد مشخص کردن هویت در اچ تی ام ال

کد ساخت فمیل و میل

میل و فمیل چیست ؟

میل و فمیل در برنامه نویسی

male
بایگانی
آخرین مطالب
پیوندهای روزانه
پیوندها

۲۷ مطلب در مرداد ۱۳۹۴ ثبت شده است

php forms

<html> 
<body>

<form action="ادرس " method="post">
Name: <input type="text" name="name"><br>
E-mail: <input type="text" name="email"><br>
<input type="submit">
</form>

</body>
</html>

۰ نظر موافقین ۰ مخالفین ۰ ۱۵ مرداد ۹۴ ، ۱۵:۴۰
mehdi ghlami

bootstrap navbar

<!DOCTYPE html>

<html lang="en">

<head>

  <title>Bootstrap Case</title>

  <meta charset="utf-8">

  <meta name="viewport" content="width=device-width, initial-scale=1">

  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

</head>

<body>


<nav class="navbar navbar-default">

  <div class="container-fluid">

    <div class="navbar-header">

      <a class="navbar-brand" href="#">WebSiteName</a>

    </div>

    <div>

      <ul class="nav navbar-nav">

        <li class="active"><a href="#">Home</a></li>

        <li><a href="#">Page 1</a></li>

        <li><a href="#">Page 2</a></li>

        <li><a href="#">Page 3</a></li>

      </ul>

    </div>

  </div>

</nav>

  

<div class="container">

  /p>

</div>


</body>

</html>


۱ نظر موافقین ۰ مخالفین ۰ ۱۵ مرداد ۹۴ ، ۱۵:۳۰
mehdi ghlami

animation

<html>

<head>

<style> 

div {

    width: 100px;

    height: 100px;

    background: red;

    position: relative;

    -webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */

    animation: mymove 5s infinite;

}


/* Chrome, Safari, Opera */

@-webkit-keyframes mymove {

    from {left: 0px;}

    to {left: 200px;}

}


@keyframes mymove {

    from {left: 0px;}

    to {left: 200px;}

}

</style>

</head>

<body>



<div></div>


</body>

</html>


۲ نظر موافقین ۱ مخالفین ۰ ۱۴ مرداد ۹۴ ، ۱۳:۱۱
mehdi ghlami

گذاشتن متن در کادر

<html>

<head>

<style>

p {

    border:solid red;

   } 





</style>

</head>

<body>

<p>متن</p>



</body>

</html>

     شما میتوانید هر خطی را با استفاده از کد های سی اس اس که در استایل نوشته میشوند در borderقرار دهید.مانند pکه در اینجا مثالشو زدیم.فقط کافیست خطpرا تغییر دهیم مثلا به جای ان بنویسیم h1 یا کد خط های دیگر.تمامی مطالب این سایت تست شده می باشد.                                                                                                                                                                              

۰ نظر موافقین ۱ مخالفین ۰ ۱۳ مرداد ۹۴ ، ۲۳:۳۵
mehdi ghlami

css background


<html>

<head>

<style>

body {

   background-color: red;

  :اگر بخواهید عکسی را در صفحه وب قرار دهید به جای کد بالا این کد را بنویسید

  background-imgae:url("نام و پسوند عکس");

}

</style>

</head>

<body>

<h1>css background</h1>

</body>

</html>


۱ نظر موافقین ۱ مخالفین ۰ ۱۳ مرداد ۹۴ ، ۲۳:۱۸
mehdi ghlami

فرم اچ تی ام ال

<html>

<body>

<form>




firstname:<br>

<input type="text" name="firstname">

<br>


lastname:<br>

<input type="text" name="lastname"> 

<br><br>

<input type="submit">

</form>

</body>

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

</html>

۰ نظر موافقین ۱ مخالفین ۰ ۱۳ مرداد ۹۴ ، ۲۳:۰۶
mehdi ghlami

bootstrap button

<html>

<head>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

</head>

<body>


<div class="container">

  <h2>Button Styles</h2>

  <button type="button" class="btn btn-default">اسم دکمه</button>

  

</div>


</body>

</html>

  پس از نوشتن کد های اسکریپت باید درbodyیه <" div class="container>باز کنید سپس میتوانید در این divهر چه قدر که بخواهید buttonاضافه کنید موفق و پیروز باشید.

۰ نظر موافقین ۱ مخالفین ۰ ۱۳ مرداد ۹۴ ، ۱۶:۱۸
mehdi ghlami

کد گذاشتن videoدر اچ تی ام ال

<html>

<body>

<video width="400" controls>

  <source src="videoاسم و پسوند " type="video/پسوند">

  </video>





<body>

</html>

۰ نظر موافقین ۱ مخالفین ۰ ۱۳ مرداد ۹۴ ، ۱۲:۰۶
mehdi ghlami

گذاشتن لینک و اهنگ در اچ تی ام ال

<html>

<body>

:کد گذاشتن لینک

<a href="ادرس لینک">link text</a>

:کد گذاشتن اهنگ

<audio controls>

  <source src="نام و پسوند اهنگ" type="audio /پسوند">

</audio>


</body>

</html>


۱ نظر موافقین ۱ مخالفین ۰ ۱۳ مرداد ۹۴ ، ۱۱:۴۰
mehdi ghlami

css padding

<html>

<head>

<style>

p {

   color:red

     }         

       مینویسیم:pبهpaddingبرای دادن خاصیت 

    p.padding{
                padding-top:20px;

                padding-left:40px;

                padding-right:70px;

}



</style>


</head>

<body>

        :اثر کند مینویسیمpدر paddiing برای اینکه خاصیت 

p class="padding">متن مورد نظر</p>





<body>

</html>

  .اگر مشکلی در رابطه با این کد دارید لطفا در نظرات بیان کنید

   

  

۰ نظر موافقین ۱ مخالفین ۰ ۱۱ مرداد ۹۴ ، ۱۹:۰۳
mehdi ghlami
ساخت وبلاگ در بلاگ بیان، رسانه متخصصان و اهل قلم