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

وبلاگ نویسی

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

وبلاگ نویسی

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

سی اس اس background

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

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

اموزش سی اس اس

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

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

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

سی اس اس border

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

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

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

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

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

titleدر اج ت ام

html title

سی اس اسfloat

سی اس اس چیست

سی اس اس فلوت

float css

cssفلوت

css float

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

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

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

form types

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

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

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

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

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

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

کد جدول در اچ تی ام ال


<html>
<body>
<table style="width:100%">
      <tr>
            <td>name</td>
             <td>علی</td>
             <td>حسین</td>
      </tr>
     <tr>
         <td>points</td> 
         <td>90</td> 
         <td></td>     

       </tr>

</table>


</body>
</html>
. هم نوشت<th>  <td>  در کد بالامی توان به جای 
. پر رنگ می شود table متن داخل <th>با نوشتن 
۰ نظر موافقین ۱ مخالفین ۰ ۱۰ مرداد ۹۴ ، ۱۸:۲۶
mehdi ghlami

ایجاد متن متحرک

<html>

<body>

این کد ساده متن متحرک است

<marquee>متن متحرک</marquee>

برای تعیین رنگ متن متحرک استفاده میشود：bgcolorویژگی

 <marquee behavior="scroll" bgcolor="red">متن متحرک</marquee>

:directionویژگی

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

<marquee behavior="scroll" bgcolor="red" direction="left">متن متحرک</marquee>

:heightوwidthویژگی

برای تعیین ارتفاع و عرض بلاکی که  متن متحرک را نشان میدهد  استفاده می شودheightوwidth از دو عنصر

<marquee behavior="scroll" bgcolor="red" direction="left" width="20" height=100">متن متحرک</marquee>






</body>

</html>

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

ساخت منو کشویی عمودی

<html>

<head>

<a href="http://jiminet.ir" style="display:none;">جیمی نت</a><//www.jiminet.ir/>                                <linkrel="styleshieet"type="text/css/menu/vertical%20menu/css;"/>

</head>

<body>

<div id="vertical-nav">

  <ul class="vertical-top-level">

    <li>

         <a href="#">نام منو</a>

         <ul class="vertical-sub-level">

          <li><a href="#">نام منو زیر مجموعه</a></li>

           </ul>

           </li>

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

          









</body>

</html>

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

کد منو کشویی افقی

<html>

<head>

<link rel="stylesheet" type="text/css/menu/black.css">


</head>

<body>

<ul class="nav">

<li class="dropdown">

   <a href="#">نام منو را اینجا بنویسید</a>

      <ul>

         <li><a href="#"> نام زیر مجموعه منو  را اینجا بنویسید</a></li> 

      </ul>

  </div>

</body>


</html>


.شما میتوانید با نوشتن کد های بالا هر چقدر که بخواهید منو ایجاد کنید .اگر در رابطه با کد های بالا نظری یا مشکلی دارید برا ی ما ارسال نمایید 



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

این اموزش درست کردن فرم ساده جاوا اسکریپت هست:

<html>


<head>

<title>اموزش برنامه نویسی</title>

</head>

<body>


<form action="#" method="post">

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

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

<input type="submit" value="submit>




</body>

</html>

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

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

عنوان دومین مطلب آزمایشی من

این متن دومین مطلب آزمایشی من است که به زودی آن را حذف خواهم کرد.

زکات علم، نشر آن است. هر وبلاگ می تواند پایگاهی برای نشر علم و دانش باشد. بهره برداری علمی از وبلاگ ها نقش بسزایی در تولید محتوای مفید فارسی در اینترنت خواهد داشت. انتشار جزوات و متون درسی، یافته های تحقیقی و مقالات علمی از جمله کاربردهای علمی قابل تصور برای ,بلاگ ها است.

همچنین وبلاگ نویسی یکی از موثرترین شیوه های نوین اطلاع رسانی است و در جهان کم نیستند وبلاگ هایی که با رسانه های رسمی خبری رقابت می کنند. در بعد کسب و کار نیز، روز به روز بر تعداد شرکت هایی که اطلاع رسانی محصولات، خدمات و رویدادهای خود را از طریق بلاگ انجام می دهند افزوده می شود.

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