loading...
 

شاپ کیپر

شاپ کیپر

  1. شاپ کیپر
  2. HTML-XHTML
سلام خدمت تمامی کاربران وب هاستینگ تالک :
این قالب ها مخصوص سایت های سایت های موزیک - فیلم - بازی - هاستینگ و گرافیک طراحی شده است و دارای رنگ بندی تیره می باشد .

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

قیمت پایه هر قالب : 80 هزار تومان

عزیزان برای خرید این قالب میتوانند با آی دی یاهو در ارتباط باشند .
Y! : aminhamidi7555

دمو قالب ها :
http://s1.picofile.com/file/72814688...romgraphic.jpg
http://s1.picofile.com/file/7281470107/design.gif
http://s2.picofile.com/file/7281471177/designcrop.jpg
http://s2.picofile.com/file/7281472147/Design.jpg
http://s1.picofile.com/file/72814737...ghi_croped.jpg
http://s2.picofile.com/file/7281474301/DESIGN.jpg
درباره HTML-XHTML ,
زینب بازدید : 5 پنجشنبه 19 تير 1399 زمان : ۰۳:۱۵ نظرات (0)
Presentateقصد دارد ساخت معرفی نامه و یا پرزنتیشین را در وب آسان سازد که این فایل قابلیت به اشتراک گذاری نیز دارد.


ساخت معرفی نام توسط Presente بسیار آسان می باشدPresentate کاربران را قادر می سازد پرزنتیشن های خود را در مرورگر و با قابلیت به اشتراک گذاری در هر وسیله ای بسازد. این برنامه توسط Faruk Ate و Justin Hileman ساخته شده. آنها قصد داشتند سیستم پرزنتیشنی را طراحی نمایند که بهترین در سطح وب باشد, و HTML5 به آنها این اجازه را داد تا این سیستم را راه اندازی نمایند.
File API و History API دو تا از امکانات HTML5 دیده شده در نرم افزار هستند, فول صفحه و امکان انواع مختلف فایل. آنها اعلام می نمایند که مشکلی که آنها با آن در حال حاضر روبرو هستند "پشتیبانی از مرورگرهای مختلف برای نوع داده های مختلف و مقداردهی ها".
نمایش به صورت تمام صفحه همچنین مشکلاتی دارد: آنها همچنین این مورد را اعلام نموده اند. آنها همینطور اعلام نموده اند آنها با استفاده از قابلیت های html5 سعی در کامل تر کردن این نرم افزار ساخت پرزنتیشن دارند.





لینک منبع


درباره HTML-XHTML ,
زینب بازدید : 3 يكشنبه 15 تير 1399 زمان : ۰۳:۵۰ نظرات (0)
با سلام
من میخواستم کد زیر رو روی اون کد دومی که میگم جایگذاری کنم لطفا کمک کنید
کد اول
کد: <div class="baserpl"> <div style="width:96%;margin:0% 2% 0% 2%;padding:3px 0px 3px 0px;"> <form action="http://www.ganja2music312.com/wp-comments-post.php" method="post" id="commentform"> <br /> <div style="text-align:left;direction:ltr;">Your name :<input type="text" name="author" id="author" value="سافشین" size="22" tabindex="1" class="inputa" /> </div> <div style="text-align:left;direction:ltr;">E-mail acc :<input type="text" name="email" id="email" value="[email protected]" size="22" tabindex="2" class="inputb" /> </div> <!--<p><small><strong>XHTML:</strong> از این تگ میتوانید استفاده کنید: <code>&lt;a href=&quot;&quot; title=&quot;&quot;&gt; &lt;abbr title=&quot;&quot;&gt; &lt;acronym title=&quot;&quot;&gt; &lt;b&gt; &lt;blockquote cite=&quot;&quot;&gt; &lt;cite&gt; &lt;code&gt; &lt;del datetime=&quot;&quot;&gt; &lt;em&gt; &lt;i&gt; &lt;q cite=&quot;&quot;&gt; &lt;strike&gt; &lt;strong&gt; </code></small></p>--> <textarea name="comment" id="comment" class="textar" style="width:560px;"></textarea> <input type="hidden" name="comment_post_ID" value="702367" /> </p> <p class="comment-form-ant-spm" style="clear:both;"> <strong>سال جاری را به میلادی وارد کنید مثال:2015</strong> <span class="required"></span> <input type="hidden" name="ant-spm-a" id="ant-spm-a" value="2015" /> <input type="text" name="ant-spm-q" id="ant-spm-q" size="30" value="" /> </p><p class="comment-form-ant-spm-2" style="display:none;"> <strong>Leave this field empty</strong> <input type="text" name="ant-spm-e-email-url" id="ant-spm-e-email-url" size="30" value="" /> </p><p align="right"><input name="submit" type="submit" id="submit" tabindex="5" value="Submit" class="submitcom" /> </form> </div> </div></div> <br /> </div> کد دوم

کد: <div id="comment_error"></div> <div id="loading_t"></div> <div id="error_a"></div> <div id="comment_form"> <div class="comment_rb"> <form method="post"> <input type="hidden" name="p_b" value="811" id="p_b"> <input type="hidden" name="send_comment" value="1"> <input type="hidden" name="bb4265fe580fe52d6b62b86d53a5b1ec" value="1"> <input type="hidden" name="commentsub" value="1"/> <div class="commentrb name"><input value="" type=text id=comment_n name=name size="40" style="Font:9pt tahoma" dir="ltr" maxlength=40> نام</div> <div class="commentrb emailrb"><input value="" type="email" name="email" id="comment_e" size="40" style="Font:9pt tahoma" dir="ltr" maxlength=60> ایمیل (منتشر نمی‌شود) (لازم)</div> <div class="commentrb siterb"><input value="" type="text" name="site" id="comment_s" size="40" dir="ltr" style="Font:9pt tahoma" maxlength=100> وبسایت</div> <div class="commentrb messagerb"><script type=text/javascript> document.write("<textarea name=me"+"ssa"+"ge id=message style=width:400px; cols=100% rows=10></textarea>"); </script></div> <script>function SM(strCode) {document.getElementById ("message").value +=strCode;}</script> <div id="comment_smiles" class="commentrb"> <script>function SM(strCode) {document.getElementById ("message").value +=strCode;}</script> <div style="width:100%"> <img src="/images/smilies/smile (0).gif" alt=":)" width="18" height="18" style="cursor:hand;" onClick=SM(":)")> <img src="/images/smilies/smile (1).gif" alt=":(" width="18" height="18" style="cursor:hand;" onClick=SM(":(")> <img src="/images/smilies/smile (2).gif" alt=";)" width="18" height="18" style="cursor:hand;" onClick=SM(";)")> <img src="/images/smilies/smile (3).gif" alt=":D" width="18" height="18" style="cursor:hand;" onClick=SM(":D")> <img src="/images/smilies/smile (29).gif" alt=";))" width="18" height="18" style="cursor:hand;" onClick=SM(";))")> <img src="/images/smilies/smile (5).gif" alt=":X" width="18" height="18" style="cursor:hand;" onClick=SM(":X")> <img src="/images/smilies/smile (24).gif" alt=":?" width="18" height="18" style="cursor:hand;" onClick=SM(":?")> <img src="/images/smilies/smile (7).gif" alt=":P" width="18" height="18" style="cursor:hand;" onClick=SM(":P")> <img src="/images/smilies/smile (8).gif" alt=":*" width="18" height="18" style="cursor:hand;" onClick=SM(":*")> <img src="/images/smilies/smile (9).gif" alt="=((" width="18" height="18" style="cursor:hand;" onClick=SM("=((")> <img src="/images/smilies/smile (10).gif" alt=":O" width="18" height="18" style="cursor:hand;" onClick=SM(":O")> <img src="/images/smilies/smile (27).gif" alt="@};-" width="18" height="18" style="cursor:hand;" onClick=SM("@};-")> <img src="/images/smilies/smile (12).gif" alt=":B" width="18" height="18" style="cursor:hand;" onClick=SM(":B")> <img src="/images/smilies/smile (16).gif" alt="/:)" width="18" height="18" style="cursor:hand;" onClick=SM("/:)")> <img src="/images/smilies/smile (13).gif" alt=":S" width="18" height="18" style="cursor:hand;" onClick=SM(":S")> </div> </div> <div class="commentrb cpr"><input type="checkbox" name="CP" id="comment_cp" /><span lang="fa"> نظر خصوصی</span></div> <div class="commentrb save_info"> <input type="checkbox" name="save_info" value="1">مشخصات شما ذخیره شود ؟ <a href="javascript:Del_Cooki();" style="font-size:8pt">[حذف مشخصات]</a> <a href="javascript:Display_smiles(comment_smiles);" style="font-size:8pt">[شکلک ها]</a></div> <div class="commentrb secure rbc"><img align="absbottom" src="/include/captcha/cap2.php?name_sess=4e0e3bb46774773a583b53964e8c6821" id="im_secC" /><a href="#" onclick="document.getElementById(im_secC).src=/include/captcha/cap2.php?name_sess=4e0e3bb46774773a583b53964e8c6821&Reload_id= + + Math.random(); return false"><img align="absbottom" border="0" src="/images/refresh.gif" /></a> <input style="Font:9pt tahoma" id="comment_cap" type="text" name="daff56007cfea05e8978555a8bf0ad15" size="10"/> کد امنیتی </div> <div class="commentrb submitrb"> <input onclick="load_ajax(this.form,/post/811?ajax=1);return false;" name=submitreg style="Font:9pt tahoma" type=submit value="ارسال نظر"> <input style="Font:9pt tahoma" type=reset value="پاک کردن "> </div> </form> </div> </div> در واقع میخوام نمایش بصورت کد اول باشه کد دومو دادم که باهم ادغام شن (کد دوم برای رزبلاگ هستش)
کمکم کنید ممنون میشم
درباره HTML-XHTML ,
زینب بازدید : 9 سه شنبه 23 ارديبهشت 1399 زمان : ۱۹:۳۰ نظرات (0)
امروزه طراحان وب سایت همواره سعی می کنند حجم کد برنامه خود را کاهش دهند تا سرعت لود وب سایت آنها افزایش یابد.یکی از این راهها استفاده از فونت آیکونها به جای عکس در طراحی وب سایت می باشد.به فونت آیکون ها در css 3 همانند متن ها قابلیت پذیرش رنگ و سایز را دارند و استفاده از آنها در طراحی وب سایت به سادگی امکان پذیر است.
فونت آیکون ها انواع مختلفی دارند مانند glyphicon و fontawesome و ... که معروفترین آنها fontawesome است که در اینجا به طرز استفاده از این فونت توضیح خواهیم داد.
طرز استفاده :
ابتدا شما باید فایل fontawesome را از وب سایت http://fontawesome.io دانلود کنید و آن را از حالت فشرده سازی خارج کنید و دو فایل css و فونت را در روت فایل وب سایت خود کپی کنید.
حال طبق دستورالعمل زیر در html خود در داخل تگ head با استفاده از تگ link فایل css فونت خود را متصل کنید.
<link href = "css/font-awesome.min.css" rel = "stylesheet" >

<i class = "fa fa-camera-retro" ></i>
<i class = "fa fa-amazon" > </i>
<i class = "fa fa-play" > </i>
حال شما در هر جای وب سایت خود به راحتی مانند یک متن ساده می توانید این فونت را به کار ببرید.
نکته : به فونت آیکون ها همانند متن ها می توانید خاصیت color و size و padding و ... بدهید.
درباره HTML-XHTML ,
زینب بازدید : 13 جمعه 05 ارديبهشت 1399 زمان : ۱۴:۵۵ نظرات (0)
سلام دوستان
کسی میتونه یه کمکی بهم بکنه و اسلاید شوز این سایت رو کدش رو بهم بده ؟
BoB Releases
من سرسش رو پیدا کردم ولی نمیدونم چرا پشت هم نشون نمیده . فایل سیستمی هم نداره چون من کل سرس سایت رو یه جای دیگه کپی کردم درست کار میکرد اسلاید شوز
کد: <!-- Featured Content Slider Started --> <script type=text/javascript> function startGallery() { var myGallery = new gallery($(myGallery), { timed: true, delay: 6000, slideInfoZoneOpacity: 0.8, showCarousel: false, slideInfoZoneSlide: false }); } window.addEvent(domready, startGallery); </script> <div class=fullbox_excerpt> <div class=fullbox_content> <div class=smooth_gallery> <div id=myGallery> <div class=imageElement> <h3>BoB Movies</h3> <p>Re-Encoded From Blu-Ray Source to Small Size 300MB , 480p High Quality Mkv Movies. Click Here....</p> <a class=open href=http://bobsrelease.blogspot.com title=BoB Movies></a> <img alt= class=full src=http://lulzimg.com/i22/48bffa.jpg/> </div> <div class=imageElement> <h3>The Fades</h3> <p>Paul is a young man who is haunted by apocalyptic dreams that neither his therapist or best friend, Mac, can provide answers for. Worse still, Paul is starting to see the Fades – the spirits of the dead – all around him. Theyre everywhere but they cant be seen, smelt, heard or touched by living beings. But now an embittered and vengeful Fade has found a way to break the barrier between the dead and the living and Paul,</p> <a class=open href=http://www.tvrage.com/The_Fades title=The Fades></a> <img alt= class=full src=http://i26.lulzimg.com/14ff20.jpg/> </div> <div class=imageElement> <h3>Ringer</h3> <p>Sarah Michelle Gellar stars as a woman who, after witnessing a murder, goes on the run, hiding out by assuming the life of her wealthy identical twin sister – only to learn that her sisters seemingly idyllic life is just as complicated and dangerous as the one shes trying to leave behind. Bridget is six months sober and starting to turn her life around when she is the sole witness to a professional hit. Despite the assurances of her FBI protector, Agent Victor Machado, Bridget knows her life is on the line. </p> <a class=open href=http://tvrage.com/Ringer title=Ringer></a> <img alt= class=full src=http://i25.lulzimg.com/1cf7eb.jpg/> </div> <div class=imageElement> <h3>The Secret Circle</h3> <p>"The Secret Circle" centers on Cassie Blake, a normal teenage girl whos mother dies in a fire. She moves in with her grandmother Jane to Chance Harbor, Washington. When she arrives, Cassie realizes that everyone knows more about her than she knows herself. When she gets to school, she meets a wide variety of friends including Diana, boyfriend Adam, a Loner named Nick and mean-girl Faye and her sidekick Melissa. Strange and frightening things begin to happen in the little town . </p> <a class=open href=http://tvrage.com/The_Secret_Circle title=The Secret Circle></a> <img alt= class=full src=http://i25.lulzimg.com/395f25.jpg/> </div> <div class=imageElement> <h3>Against the Wall</h3> <p>"Against the Wall" follows the trials and tribulations of Abby Kowalski (Rachael Carpani), a single Chicago police officer who finally scores her dream job as a detective; but it turns out a nightmare for her close-knit family of cops. As the newest hire in the departments Internal Affairs division, Abby suddenly finds herself at odds with her fellow officers, including her father and three brothers. She must now figure out how she can pursue her dream of being a detective while keeping her family intact. </p> <a class=open href=http://old.tvrage.com/Against_the_Wall title=Against the Wall></a> <img alt= class=full src=http://lulzimg.com/i24/875bd5.jpg/> </div> <div class=imageElement> <h3>The New Girl</h3> <p>Jessica Day is an offbeat and adorable girl in her late 20s who, after a bad breakup, moves in with three single guys. Goofy, positive, vulnerable and honest to a fault, Jess has faith in people, even when she shouldn’t. Although she’s dorky and awkward, she’s comfortable in her own skin. More prone to friendships with women, she’s not used to hanging with the boys – especially at home....Click Here For More Info</p> <a class=open href=http://tvrage.com/The_New_Girl title=The New Girl></a> <img alt= class=full src=http://lulzimg.com/i23/38a8f4.jpg/> </div> <div class=imageElement> <h3>Charlies Angels (2011)</h3> <p>Everyone deserves a second chance -- even a thief, a street racer and a cop who got in a little too deep. After all, the three women who solve cases for their elusive boss, Charlie Townsend, are no saints. Theyre angels... Charlies Angels. Theres Abby, a Park Avenue princess who became a world-class thief. Then theres Kate, a Miami cop who fell from grace, losing both her career and her fiancé. Finally theres Gloria, a disgraced army lieutenant who has a way with explosives. ....Click Here For More Info </p> <a class=open href=http://tvrage.com/Charlies_Angels title=Charlies Angels (2011)></a> <img alt= class=full src=http://lulzimg.com/i23/834bc7.jpg/> </div> <div class=imageElement> <h3>BoB Movies</h3> <p>Re-Encoded From Blu-Ray Source to Small Size 300MB , 480p High Quality Mkv Movies. Click Here....</p> <a class=open href=http://bobsrelease.blogspot.com title=BoB Movies></a> <img alt= class=full src=http://lulzimg.com/i22/f953b2.jpg/> </div> <div class=imageElement> <h3>Pan Am</h3> <p>Passion, jealousy and espionage... They do it all - and they do it at 30,000 feet. The style of the 1960s, the energy and excitement of the Jet Age and a drama full of ***y entanglements deliciously mesh in this thrilling and highly-original new series. In this modern world, air travel represents the height of luxury and Pan Am is the biggest name in the business. The planes are glamorous, the pilots are rock stars and the stewardesses are the most desirable women in the world....Click Here For More Info. </p> <a class=open href=http://tvrage.com/Pan_Am title=Pan Am></a> <img alt= class=full src=http://lulzimg.com/i23/a610c2.jpg/> </div> <div class=imageElement> <h3>Terra Nova</h3> <p>TERRA NOVA follows an ordinary family embarking on an incredible journey back in time to prehistoric Earth as a small part of a massive experiment to save the human race. In the year 2149 the world is dying. The planet is overdeveloped, overcrowded and overpolluted. With the majority of plant and animal life extinct, devotion to science has brought mankind to the brink of destruction, but has also provided its only hope for salvation...Click Here For More Info. </p> <a class=open href=http://tvrage.com/Terra_Nova title=Terra Nova></a> <img alt= class=full src=http://lulzimg.com/i23/1f4ada.jpg/> </div> <div class=imageElement> <h3>Once Upon a Time (2011)</h3> <p>Emma Swan knows how to take care of herself. Shes a 28-year-old bail bonds collector whos been on her own ever since she was abandoned as a baby. But when the son she gave up years ago finds her, everything will change. Henry is 10 years old now and in desperate need of Emmas help. Henry believes that Emma actually comes from an alternate world ... and is Prince Charming and Snow Whites missing daughter. According to his book of fairytales....Click Here For More Info </p> <a class=open href=http://tvrage.com/Once_Upon_a_Time title=Once Upon a Time (2011)></a> <img alt= class=full src=http://lulzimg.com/i23/1574c1.jpg/> </div> <div class=imageElement> <h3>I Hate My Teenage Daughter</h3> <p>Annie and Nikki are former high school outcasts whose pasts inform their current parenting styles. Annie, who was raised in an ultra-strict, über-religious household where she had little-to-no freedom, pretty much allows her daughter, Sophie, to do whatever she wants. Nikki, once an unpopular, overweight social pariah, has reinvented herself as a pretty Southern belle whose top priority is providing her daughter, Mackenzie, with the childhood she never had....Click Here For More Info </p> <a class=open href=http://tvrage.com/I_Hate_My_Teenage_Daughter title=I Hate My Teenage Daughter></a> <img alt= class=full src=http://lulzimg.com/i23/f16459.jpg/> </div> <div class=imageElement> <h3>Grimm</h3> <p>Remember the fairy tales your parents used to tell you before bedtime? Those werent stories -- they were warnings. Nick Burkhardt thought he prepared himself for the realities of working as a homicide detective until he started seeing things he couldnt quite explain. When his ailing Aunt Marie arrives, Nicks life turns upside down when she reveals they are descendants of an elite group of hunters, also known as "Grimms," who fight to keep the balance of humanity safe from the supernatural creatures of the world...Click Here For More Info </p> <a class=open href=http://tvrage.com/Grimm title=Grimm></a> <img alt= class=full src=http://lulzimg.com/i23/b5c5de.jpg/> </div> </div></div></div></div> <!-- Featured Content Slider End -->
درباره HTML-XHTML ,
زینب بازدید : 12 چهارشنبه 03 ارديبهشت 1399 زمان : ۰۵:۳۰ نظرات (0)

در ژانویه 2000 ، W3C اعلام نمود که html 4 به xhtml 1 تغییر پیدا نموده است و xhtml کد html 4 می باشد که به صورت xml نوشته شده باشد.
xhtml از دو بخش اصلی تشکیل شده
* html 4
html 4 زبان برنامه نویسی می باشد برای نمایش متن و مطالب در پلتفرم های مختلف. در این زبان قابلیت های بسیاری برای نمایش مطالب، تصویر و فایل های مولتی مدیل وجود دارد.
* xml
یک زبان برنامه نویسی مارک آپ قابل گسترش می باشد که سادگی و و قدرت html را دارد و پیچیدگی خاصی چندانی ندارد.
XHTML انعطاف پذیری HTML و قابل گسترش دادن XML را با هم دارد. اما این به چه معناست.
برخی از تگ های html وجود دارند که در برخی از مرورگرها کار می کنند و در برخی دیگر خیر. برخی از آن ها جزو تگ های DTD هستند و برخی دیگر خیر. اما نتیجه آن این است که صفحه سایت شما در تمامی مرورگرها به یک شکل نمایش داده نمی شود. تنها راهی که به عنوان کد نویس html دارید آن است که از آن تگ ها استفاده ننمایید و یا در سایت خود عنوان نمایید که این سایت در چه مرورگرهای نمایش بهتری دارد و همچنین اینکه صفحات مختلف برای مرورگرهای مختلف ایجاد نمایید.
با استفاده از XHTML به انجام این کارها احتیاجی نیست. توسط XHTML ، در صورتی که احتیاجی برای ایجاد تگ جدید بود، می توانید آن را در ماژول XHTML ایجاد نمایید و آن را در صفحه وب سایت خود استفاده نمایید. شما همچنین می توانید توسط XHTML حالت نمایش صفحه را در مرورگری که آن را لود می نماید معین نمایید.
منبع:
html ، xhtml و xml
درباره HTML-XHTML ,
زینب بازدید : 16 شنبه 09 فروردين 1399 زمان : ۰۸:۵۵ نظرات (0)
من یه منو باز شوند عمودی دارم و میخوام در کنار لیست های منو عکس مربوط به اون رو بزارم

میخوام در کنار "کتاب" یه عکس کتاب قرار بدم (به طرز زیبایی قرار بگیره - ایکن نباشه! عکس باشه با فرمت png)

بهترین روش برای این کار چیه؟

کد HTML: <style> @import url("http://fonts.googleapis.com/css?family=Lato:300,400,700,900"); @import url(http://fonts.googleapis.com/css?family=Pacifico); body { font-family: "Lato", Helvetica, Arial; font-size: 16px; } *, *:before, *:after { -webkit-border-sizing: border-box; -moz-border-sizing: border-box; border-sizing: border-box; } .container-kazerun { width: 300px; margin: 1px auto; } .container-kazerun > ul { list-style: none; padding: 0; margin: 0 0 20px 0; } .dropdown-kazerun { position: relative; } .dropdown-kazerun a { text-decoration: none; } .dropdown-kazerun [data-toggle="dropdown-kazerun"] { display: block; text-align:right; color: white; background: #C0392B; -moz-box-shadow: 0 1px 0 #d65548 inset, 0 -1px 0 #962d22 inset; -webkit-box-shadow: 0 1px 0 #d65548 inset, 0 -1px 0 #962d22 inset; box-shadow: 0 1px 0 #d65548 inset, 0 -1px 0 #962d22 inset; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); padding: 10px; } .dropdown-kazerun [data-toggle="dropdown-kazerun"]:hover { background: #cd3d2e; } .dropdown-kazerun [data-toggle="dropdown-kazerun"]:before { position: absolute; content: 25BC; font-size: 0.7em; color: #fff; top: 13px; left:10px; -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); -moz-transition: -moz-transform 0.6s; -o-transition: -o-transform 0.6s; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; } .dropdown-kazerun > .dropdown-menu-kazerun { max-height: 0; text-align:right; overflow: hidden; list-style: none; padding: 0; margin: 0; -moz-transform: scaleY(0); -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); -moz-transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; -moz-transition: max-height 0.6s ease-out; -o-transition: max-height 0.6s ease-out; -webkit-transition: max-height 0.6s ease-out; transition: max-height 0.6s ease-out; animation: hideAnimation 0.4s ease-out; -moz-animation: hideAnimation 0.4s ease-out; -webkit-animation: hideAnimation 0.4s ease-out; } .dropdown-kazerun > .dropdown-menu-kazerun li { padding: 0; } .dropdown-kazerun > .dropdown-menu-kazerun li a { display: block; color: #6f6f6f; background: #EEE; -moz-box-shadow: 0 1px 0 white inset, 0 -1px 0 #d5d5d5 inset; -webkit-box-shadow: 0 1px 0 white inset, 0 -1px 0 #d5d5d5 inset; box-shadow: 0 1px 0 white inset, 0 -1px 0 #d5d5d5 inset; text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3); padding: 10px 10px; } .dropdown-kazerun > .dropdown-menu-kazerun li a:hover { background: #f6f6f6; } .dropdown-kazerun > input[type="checkbox"] { opacity: 0; display: block; position: absolute; top: 0; width: 100%; height: 100%; cursor: pointer; } .dropdown-kazerun > input[type="checkbox"]:checked ~ .dropdown-menu-kazerun { max-height: 9999px; display: block; -moz-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); animation: showAnimation 0.5s ease-in-out; -moz-animation: showAnimation 0.5s ease-in-out; -webkit-animation: showAnimation 0.5s ease-in-out; -moz-transition: max-height 2s ease-in-out; -o-transition: max-height 2s ease-in-out; -webkit-transition: max-height 2s ease-in-out; transition: max-height 2s ease-in-out; } .dropdown-kazerun > input[type="checkbox"]:checked + a[data-toggle="dropdown-kazerun"]:before { -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); -moz-transition: -moz-transform 0.6s; -o-transition: -o-transform 0.6s; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; } @keyframes showAnimation { 0% { -moz-transform: scaleY(0.1); -ms-transform: scaleY(0.1); -webkit-transform: scaleY(0.1); transform: scaleY(0.1); } 40% { -moz-transform: scaleY(1.04); -ms-transform: scaleY(1.04); -webkit-transform: scaleY(1.04); transform: scaleY(1.04); } 60% { -moz-transform: scaleY(0.98); -ms-transform: scaleY(0.98); -webkit-transform: scaleY(0.98); transform: scaleY(0.98); } 80% { -moz-transform: scaleY(1.04); -ms-transform: scaleY(1.04); -webkit-transform: scaleY(1.04); transform: scaleY(1.04); } 100% { -moz-transform: scaleY(0.98); -ms-transform: scaleY(0.98); -webkit-transform: scaleY(0.98); transform: scaleY(0.98); } 80% { -moz-transform: scaleY(1.02); -ms-transform: scaleY(1.02); -webkit-transform: scaleY(1.02); transform: scaleY(1.02); } 100% { -moz-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); } } @-moz-keyframes showAnimation { 0% { -moz-transform: scaleY(0.1); -ms-transform: scaleY(0.1); -webkit-transform: scaleY(0.1); transform: scaleY(0.1); } 40% { -moz-transform: scaleY(1.04); -ms-transform: scaleY(1.04); -webkit-transform: scaleY(1.04); transform: scaleY(1.04); } 60% { -moz-transform: scaleY(0.98); -ms-transform: scaleY(0.98); -webkit-transform: scaleY(0.98); transform: scaleY(0.98); } 80% { -moz-transform: scaleY(1.04); -ms-transform: scaleY(1.04); -webkit-transform: scaleY(1.04); transform: scaleY(1.04); } 100% { -moz-transform: scaleY(0.98); -ms-transform: scaleY(0.98); -webkit-transform: scaleY(0.98); transform: scaleY(0.98); } 80% { -moz-transform: scaleY(1.02); -ms-transform: scaleY(1.02); -webkit-transform: scaleY(1.02); transform: scaleY(1.02); } 100% { -moz-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); } } @-webkit-keyframes showAnimation { 0% { -moz-transform: scaleY(0.1); -ms-transform: scaleY(0.1); -webkit-transform: scaleY(0.1); transform: scaleY(0.1); } 40% { -moz-transform: scaleY(1.04); -ms-transform: scaleY(1.04); -webkit-transform: scaleY(1.04); transform: scaleY(1.04); } 60% { -moz-transform: scaleY(0.98); -ms-transform: scaleY(0.98); -webkit-transform: scaleY(0.98); transform: scaleY(0.98); } 80% { -moz-transform: scaleY(1.04); -ms-transform: scaleY(1.04); -webkit-transform: scaleY(1.04); transform: scaleY(1.04); } 100% { -moz-transform: scaleY(0.98); -ms-transform: scaleY(0.98); -webkit-transform: scaleY(0.98); transform: scaleY(0.98); } 80% { -moz-transform: scaleY(1.02); -ms-transform: scaleY(1.02); -webkit-transform: scaleY(1.02); transform: scaleY(1.02); } 100% { -moz-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); } } @keyframes hideAnimation { 0% { -moz-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); } 60% { -moz-transform: scaleY(0.98); -ms-transform: scaleY(0.98); -webkit-transform: scaleY(0.98); transform: scaleY(0.98); } 80% { -moz-transform: scaleY(1.02); -ms-transform: scaleY(1.02); -webkit-transform: scaleY(1.02); transform: scaleY(1.02); } 100% { -moz-transform: scaleY(0); -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); } } @-moz-keyframes hideAnimation { 0% { -moz-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); } 60% { -moz-transform: scaleY(0.98); -ms-transform: scaleY(0.98); -webkit-transform: scaleY(0.98); transform: scaleY(0.98); } 80% { -moz-transform: scaleY(1.02); -ms-transform: scaleY(1.02); -webkit-transform: scaleY(1.02); transform: scaleY(1.02); } 100% { -moz-transform: scaleY(0); -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); } } @-webkit-keyframes hideAnimation { 0% { -moz-transform: scaleY(1); -ms-transform: scaleY(1); -webkit-transform: scaleY(1); transform: scaleY(1); } 60% { -moz-transform: scaleY(0.98); -ms-transform: scaleY(0.98); -webkit-transform: scaleY(0.98); transform: scaleY(0.98); } 80% { -moz-transform: scaleY(1.02); -ms-transform: scaleY(1.02); -webkit-transform: scaleY(1.02); transform: scaleY(1.02); } 100% { -moz-transform: scaleY(0); -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); } } </style> <div class="container-kazerun"> <ul> <li class="dropdown-kazerun"> <input type="checkbox" /> <a href="#" data-toggle="dropdown-kazerun">لوازم التحریر</a> <ul class="dropdown-menu-kazerun"> <li><a href="#">کتاب</a></li> <li><a href="#">دفتر</a></li> <li><a href="#">مداد</a></li> <li><a href="#">پاک کن</a></li> </ul> </li> <li class="dropdown-kazerun"> <input type="checkbox" /> <a href="#" data-toggle="dropdown-kazerun">تست</a> <ul class="dropdown-menu-kazerun"> <li><a href="#">تست ۱</a></li> <li><a href="#">تست ۲</a></li> <li><a href="#">تست ۳</a></li> <li><a href="#">تست ۴</a></li> </ul> </ul> </div>
درباره HTML-XHTML ,
زینب بازدید : 20 جمعه 08 فروردين 1399 زمان : ۰۹:۱۰ نظرات (0)
با سلام
حدود یک هفته است مشغول نوشتن کتاب الکترونیکی PDF ای هستم.

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

این کتاب 30 صفحه دارد و از 3790 واژه تشکیل شده است.

تصاویری از صفحه بندی و چند صفحه کتاب به دلخواه








عناوین بخش های مختلف کتاب :



آشنایی با اچ تی ام ال نمونه کد ساده اچ تی ام الآموزش ساخت یک فایل اچ تی ام العناصر اچ تی ام الاچ تی ام ال و خواص آناچ تی ام ال و کد های عنواناچ تی ام ال و کد پاراگرافاچ تی ام ال و انواع مختلف کد های نوشتاریاچ تی ام ال و کد های نظر ( کامنت ها )اچ تی ام ال و کد های لینک داراچ تی ام ال و کد های سربرگاچ تی ام ال و سی اس اساچ تی ام ال و تصاویراچ تی ام ال و جدولاچ تی ام ال و لیست هااچ تی ام ال و کد دیواچ تی ام ال و کد های فرماچ تی ام ال و کد های آیفراماچ تی ام ال و کد های رنگاچ تی ام ال و ایکس اچ تی ام ال


قیمت کتاب : 20.000 تومان

ایمیل پشتیبانی : [email protected]

تلفن تماس و پیامک : 09331354464

سیستم پرداخت آنلاین وجه : Roz Payment | Free Payment


درباره HTML-XHTML ,
زینب بازدید : 16 جمعه 08 فروردين 1399 زمان : ۰۲:۰۰ نظرات (0)
سلام به همه استاید و دوستان محترم و عزیز
در ادرس زیر
رز وب

در بخش اکانت مورد نطر خود را انتخاب کنید
وقتی دسته اول رو انتخاب میکنیم یک محصول بیشتر نشون داده نمیشه
,دلیلشم استایل گرفتن تگ های مربوط به این بخش هستش (در بخش کد استایل داده نشده)
میخواستم بدونم دوستان میتونن راهنمایی در مورد حل مشکلمون کنند؟


کد PHP: <center>

<div><select name="category" id="category" class="form" style="width:150px;">
  <option value="0">انتخاب کنید</option>
{foreach $categories as $category}
    <option value="{$category.category_id}" {if $category.category_image}title="{$category.category_image}?w=30&h=30"{/if}>{$category.category_title}</option>
{/foreach}
</select></div>
<div id="waiting" class="box">{$config.config_operator_description|htmlspecialchars_decode}</div>
{foreach $categories as $category}
    <div id="product_{$category.category_id}" class="box"><ul style="margin: 0px; padding: 0px; position: relative; list-style-type: none; z-index: 1; width: 228px; left: 0px;">{if $category.category_image}<img src="{$category.category_image}?w=100&h=100" align="left">{/if}
    {foreach $category.products as $product}
        <li style="width: 292px; overflow: hidden; float: right; height: px;"><input type="radio" value="{$product.product_id}" name="card" id="card_{$product.product_id}" {if $product.counter == 0}disabled{/if}> <label for="card_{$product.product_id}">{$product.product_title}</label><span id="price_{$product.product_id}" style="display: none;">{$product.product_price}</span></li>
    {/foreach}
    </ul><div class="cleaner"></div></div>
{/foreach}
</center> 
درباره HTML-XHTML ,
زینب بازدید : 6 سه شنبه 05 فروردين 1399 زمان : ۲۱:۰۰ نظرات (0)

به کلمه قدیمی و جذاب بازاریابی سنتی و درمقابل آن، به جاذبه کلمه جدید و باشکوه بازاریابی دیجیتال فکرکنید! فکر می‌کنید کدام یک بهتر هستند؟


در واقع در جهان امروزه، شخصی موفق است که از استراتژی‌های بازاریابی موثر و ساده استفاده می‌کند اما سوال نهایی که ذهن کارآفرینان و تاجران را به خود مشغول کرده‌است این است که،کدام استراتژی بازاریابی را باید برای رسیدن به موفقیت در سرمایه‌گذاری‌های خود اتخاذ کنند؟ برای این‌که متوجه شوید کدام یک انتخاب مناسب‌تری خواهندبود، بسیار مهم است که نخست نسبت به تفاوت‌های ظریف میان بازاریابی سنتی و بازاریابی دیجیتال آگاه شوید.

بازاریابی سنتی یا بازاریابی دیجیتال - جنگ آشکار


بازاریابی دیجیتالی مجموعه‌ای است از تکنیک‌های بازاریابی اینترنتی، همانند بازاریابی موتور جستجو(SEM)، بهینه سازی موتورجستجو(SEO) و نیز ایجاد بک‌لینک. هم‌چنین می‌توان به خدمات پیام کوتاه(SMS)، خدمات پیام‌های چندرسانه‌ای(MMS)، زنگ‌های موبایل انتظار تماس و پاسخ تماس، دیسک‌های نوری، کتاب‌های دیجیتال(e-Book) و بازی‌ها اشاره داشت.


استراتژی‌های نام‌برده به تعامل با مشتریان بالقوه کمک می‌کنند و از منظری دیگر این کانال‌های دیجیتالی می‌توانند درآگاهی از برندها نقش بسزایی داشته‌باشند.


ازسویی دیگر، بازاریابی سنتی دارای رویکردی بسیار متفاوت است که البته قدمت استفاده از آن به چندین دهه می‌رسد. تاکتیک‌های بکارگرفته شده در بازاریابی سنتی عبارتند از: تبلیغات چاپی، تبلیغات درکانال‌های تلویزیون و رادیو، بیلبوردها، کارت‌های بازرگانی، پوسترها و غیره.


تفاوت میان بازاریابی سنتی و بازاریابی دیجیتال بسیار وسیع و گسترده می‌باشد هرچندکه هدف نهایی هر دوی آن‌ها تعامل با مشتریان احتمالی و تولید تبلیغات تجاری درجهت ارتقاء رتبه کسب وکار به یک درجه بالاتر است.


برای چه بازاریابی دیجیتال از بازاریابی سنتی بهتر است؟


"با هم و از هم جدا هستن، چرخ‌های یک سبد خرید"- بازاریابی سنتی و بازاریابی دیجیتالی، هر دو دارای اهداف مشابهی می‌باشند اما استراتژی‌هایی که بکار می‌گیرند، متفاوت هستند. با این حال با پیشرفت‌های تکنولوژی‌های دیجیتال، بازاریابی دیجیتال توانست به راحتی بر بازاریابی سنتی چیره و پیروز شود. واضح است که برای این ادعا دلایلی موجوداست. مطالعه ادامه این مقاله، تاکتیک‌ها و ابزار جدید بازاریابی را برای شما روشن خواهدکرد که چرا بازاریابی دیجیتالی به گزینه محبوب‌تر تبدیل شده‌است.


۱- هزینه کم و سرعت بالا


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


بازاریابی دیجیتال بسیار اقتصادی و سریع است که برای کسب و کارهای کوچک نیز به‌کار گرفته می‌شود.


۲- قابلیت دیده‌شدن بیشتر


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


سرعت دیده‌شدن در بازاریابی سنتی کمتر است و همین امتیازی مثبت و مزیتی غیرقابل انکار برای بازاریابی دیجیتال، در قرن۲۱ به حساب می‌آید.


۳- دردسترس بودن به صورت ۷*۲۴


آیا شما نمی‌خواهید توجه مشتریان خود را به سوی نام تجاری خود سوق دهید؟


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


۴- بررسی میزان موفقیت تبلیغات


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


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


۵- بررسی بازدهی سرمایه‌گذاری(بازگشت سرمایه)


تبلیغات چیزی نیست جز تبلیغ نام تجاری در جهت جلب توجه مشتریان در خرید یک محصول خاص. این تبلیغات هستندکه موجب رشدکسب وکار به همراه سود پولی خواهندشد.


در واقع، تبلیغات سرمایه‌گذاری‌هایی هستندکه در جهت منفعت مالی صورت می‌گیرند. زمانی که به بازاریابی دیجیتال امید بسته باشیم، بازگشت سرمایه(ROI) در مدت زمانی کوتاه امکان پذیراست.


اما با رسانه‌های سنتی، باید برای مدتی طولانی منتظر بمانید.


۶- ماندگاری


در بازاریابی سنتی، ماندگاری محدود است. تبلیغات چاپی بعد از ساعت‌ها از بین خواهند رفت. تبلیغات تلویزیون بعد ازگذشت هفته‌ها از بین خواهندرفت، که البته در این مورد تبلیغات تلویزیون به جهت طولانی‌تر بودن جذاب‌تر و گزینه‌ای بهتر می‌باشند.


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


درواقع تاثیرات موج‌گونه بازاریابی دیجیتالی بسیار شگفت‌آور است. درعرض چند ساعت محتوا و یا تبلیغ شما را همانند ویروسی منتشر می‌کند و نام تجاری شما را به گوش همگان می‌رساند.


۷- ارتباط با مصرف‌کنندگان


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


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


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


با فروم‌های ارتباطی در عموم حاضر شوید. این زمینه مناسبی خواهدبود برای جذب بیشتر مشتریان و تبدیل آن‌ها به مشتریان دائم خود.


توازن میان این دو - دریافت بهترین دستاورد از این دو استراتژی


در وضعیت کنونی جهان، احتمالا بازاریابی سنتی با مشکلات زیادی مواجه شده‌است، اما توجه داشته‌باشیدکه هنوز به طور کامل از بین نرفته‌است. در مقابل آن استراتژی بازاریابی دیجیتال وجود دارد که داری انعطاف‌پذیری و سرعت بالاتری می‌باشد.

برنامه‌هایی که از ترکیب این دو استراتژی بازاریابی سنتی و دیجیتالی در یک پکیج منسجم بهره برده‌اند به یکی از بهترین‌ها تبدیل شده‌اند و موفق شده‌اند هدف مورد نظر را در کمترین زمان و با کمترین تلاش جذب نمایند.

روش استفاده از بازاریابی سنتی طرفدارهای خودش را دارد اما در این جهان سریع، اولویت با بازاریابی دیجیتالی است.

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

منبع: قالب سایت ستروکیت
درباره HTML-XHTML ,
زینب بازدید : 11 دوشنبه 19 اسفند 1398 زمان : ۲۲:۳۵ نظرات (0)
امروزه طراحان وب سایت همواره سعی می کنند حجم کد برنامه خود را کاهش دهند تا سرعت لود وب سایت آنها افزایش یابد.یکی از این راهها استفاده از فونت آیکونها به جای عکس در طراحی وب سایت می باشد.به فونت آیکون ها در css 3 همانند متن ها قابلیت پذیرش رنگ و سایز را دارند و استفاده از آنها در طراحی وب سایت به سادگی امکان پذیر است.
فونت آیکون ها انواع مختلفی دارند مانند glyphicon و fontawesome و ... که معروفترین آنها fontawesome است که در اینجا به طرز استفاده از این فونت توضیح خواهیم داد.
طرز استفاده :
ابتدا شما باید فایل fontawesome را از وب سایت http://fontawesome.io دانلود کنید و آن را از حالت فشرده سازی خارج کنید و دو فایل css و فونت را در روت فایل وب سایت خود کپی کنید.
حال طبق دستورالعمل زیر در html خود در داخل تگ head با استفاده از تگ link فایل css فونت خود را متصل کنید.
<link href = "css/font-awesome.min.css" rel = "stylesheet" >

<i class = "fa fa-camera-retro" ></i>
<i class = "fa fa-amazon" > </i>
<i class = "fa fa-play" > </i>
حال شما در هر جای وب سایت خود به راحتی مانند یک متن ساده می توانید این فونت را به کار ببرید.
نکته : به فونت آیکون ها همانند متن ها می توانید خاصیت color و size و padding و ... بدهید.
درباره HTML-XHTML ,
زینب بازدید : 12 سه شنبه 29 بهمن 1398 زمان : ۰۹:۴۰ نظرات (0)

تعداد صفحات : 3

موضوعات
لینک دوستان
پیوندهی روزانه
  • آرشیو لینک ها
  • صفحات جداگانه
    آمار سیت
  • کل مطالب : 3,252
  • کل نظرات : 0
  • افراد آنلین : 16
  • تعداد اعضا : 0
  • بازدید امروز : 2,205
  • باردید دیروز : 5,608
  • بازدید هفته : 13,424
  • بازدید ماه : 109,824
  • بازدید سال : 702,666
  • بازدید کلی : 2,087,889