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

وبلاگ نویسی

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

وبلاگ نویسی

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

سی اس اس background

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

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

اموزش سی اس اس

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

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

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

سی اس اس border

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

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

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

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

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

titleدر اج ت ام

html title

سی اس اسfloat

سی اس اس چیست

سی اس اس فلوت

float css

cssفلوت

css float

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

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

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

form types

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

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

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

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

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

html style

<html>

<body>


<h2 style="color:red">I am Red</h2>

<h2 style="color:blue">I am Blue</h2>


</body>

</html>

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

سی اس اسmargin

<html>

<head>

<style>

p {

    background-color: yellow;

}


p.ex {

    margin-top: 200px;

    margin-bottom: 200px;

    margin-right: 100px;

    margin-left: 50px;

}

</style>

</head>

<body>


<p>This is a paragraph with no specified margins.</p>

<p class="ex">This is a paragraph with specified margins.</p>


</body>

</html>

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

animation-delay

<html>

<head>

<style> 

div {

    width: 100px;

    height: 100px;

    background: red;

    position: relative;

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

    -webkit-animation-delay: 2s; /* Chrome, Safari, Opera */

    animation: mymove 5s infinite;

    animation-delay: 2s;

}


/* 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 list


<html>

<body>


<h2>list</h2>


<ul>

  <li>مهدی</li>

  <li>حسین</li>

  <li>سعید</li>

</ul>  


</body>

</html>


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

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
ساخت وبلاگ در بلاگ بیان، رسانه متخصصان و اهل قلم