Patira

سلام، الهه خانم (ela) لطف کردن قبول کردن بنده رو مشاوره بفرماین بلکه به راه راست هدایت شم...

من هر چی به شما میگم این اصفهانی ها زبون بسته ن! شما تکذیب کن هی!

درود، تا اونجایی که من میدونم عکاس این تصاویر در همین انجمنم حضور دارن... خانم ela هستند...

سلام علیکم! لکن ما هم میخواهیم کاندیدای محترم شهرداری بشیم... راستی نمیشه استاندار شد؟ رئیس جمهور چی؟ بلند پروازیه و هزار آرزو و ...

سلااامممم... من به تازگی عضو این انجمن شدم!! اومدم دیدم چنین گروهی وجود داره... ولی اصفهانی هاش یه 5-6 ماهی هستن که دیگه حرف نمیزنن!! جریان چیه؟ کجان؟

سلام دوستان برنامه نویس اونم از نوع php!!! آخه 4-5 نفرم بیشتر نیستیم که در این موارد بحث کنیم. ولی خب قابل قبوله :دی چند نفر هستن که توی این گروه php کار می کنن؟

درود؛ ابتدا یه توضیح کلی بدم. Minify یک برنامه ی تحت وب هست که با PHP5 برنامه نویسی شده و شما رو کمک می کنه تا یه سری از قوانینی که خود یاهو برای بهتر نمایش دادن وبسایت ها در نظر گرفته رو دنبال کنید. قوانینی که یاهو در نظر گرفته رو می تونید از طریق این لینک مشاهده کنید --> [Hidden Content] کار اصلی این برنامه اینه که فایل های چندگانه ی CSS و JavaScript رو ترکیب می کنه، فضاهای اضافی و کامنت ها رو هم حذف می کنه، و اونا رو به صورت GZIP کدگذاری می کنه و Cache های مربوط به Header سمت سرویس گیرنده رو بهینه می کنه! برای اطلاع بیشتر و دانلود این نرم افزار می تونید به این سایت مراجعه کنید --> [Hidden Content] دوستانی که CDN رایگان نیاز دارند می تونن به آدرس ذیل مراجعه کنید‌: (چنانچه در مورد CDN اطلاعاتی ندارید کلیک کنید.[/url]) [Hidden Content] همچنین سایت دیگه ای هم هست که CDN رو به صورت تریال در اختیارتون قرار میده... لینک سایت --> [Hidden Content] موفق باشید. منبع : پاتیـــرا

یکی از تکنولوژی های محبوب وبمسترها CDN که مخفف کلمات Content delivery network و به معنای شبکه توزیع محتوا است که با آن می توانند سرعت بارگذاری و نمایش سایت یا وبلاگ خود را افزایش دهند و همچنین این امکان هزینه چندانی نیز برای آن ها ندارد و می توانند به راحتی تنها در چند دقیقه این امکان را به سایت خود اضافه کنند. همانطور که می دانید سرعت بالای بارگذاری سایت برای بهینه سازی سایت برای موتورهای جستجوگر ( SEO ) نیز نتایج مثبتی دارد. در این مقاله با CDN و مزایای استفاده از آن آشنا می شویم و چند شرکت ارائه دهنده خدمات CDN را با هم می شناسیم. CDN چیست و چرا ساخته شد ؟ شرکت های بزرگ اینترنتی برای کنترل ترافیک سایت و سرویس های اینترنتی خود از چندین سرور در نقاط مختلف جهان برای ذخیره سازی و توزیع اطلاعات و امکانات خود در سراسر جهان استفاده می کنند. این امر باعث می شود که کاربران مختلف در سراسر جهان در هنگام استفاده از سرویس های آن ها هیچگونه تفاوتی را حس نکنند و همگی با بالاترین سرعت ممکن از نزدیک ترین سرور شرکت مورد بحث استفاده کنند. این امکان بسیاری از مزایای دیگر مانند امنیت ، همیشه در دسترس بودن ، بخش صحیح فشار بر روی چندین سرور و … را به همراه دارد. اما تکلیف شرکت ها کوچکتر و کاربران اینترنتی که سایت شخصی خود را بر روی اینترنت به اشتراک گذاشته اند چه می شود ؟ معمولاً اینگونه سایت ها تنها بر روی یک سرور ( همان هاست خود ) اطلاعات خود را نگهداری می کنند و از آنجا به کاربران و بازدید کنندگان خود در سراسر جهان سرویس می دهند و تنها می توانند با محدودیت های سرور خود مثلاً مقدار پهنای باند ، سرعت تبادل اطلاعات و … به کار خود ادامه دهند. اینجاست که تکنولوژی CDN بسیار کارآمد می شود و می تواند به تمامی شرکت های کوچک و وبمسترهای سایت های خصوصی قدرت شرکت های بزرگ را بدهد ! این سرویس به اینگونه کار می کند که از روی اطلاعات قابل دانلود شدن سایت شما ( مانند فایل کد های CSS ، فایل کدهای Java script ، فایل های مولتی مدیا و … ) یک نسخه کپی بر روی nodes یا سرورهای مختلف خود که در سراسر جهان دارد تهیه می کند و می توانند به صورت اشتراکی به بسیاری از سایت ها سرویس دهند. در این حالت وقتی کاربری با مرورگر خود می خواهد سایت شما را مشاهده کند اطلاعات از نزدیک ترین سرور موجود به آن کاربر به او ارسال می شود و این چون این اطلاعات قبلاً ثبت ( Cache ) شده اند و نیاز به پروسه خاصی نیست سرعت تبادل اطلاعات تغییر چشم گیری می کند و … مزایای استفاده از CDN چیست ؟ همانطور که در بالاتر گفتیم CDN به هاست ما قدرت سرورهای چندگانه را می دهد و می توانیم مزیت های استفاده از این روش را به صورت زیر لیست کنیم. ۱. افزایش سرعت بارگذاری و نمایش صفحات وب در سیستم بازدید کنندگان ۲. افزایش امنیت سایت ها ( بیشتر ارتباط ها به صورت غیر مستقیم و محافظت دو چندان هستند ) ۳. افزایش مقدار پهنای باند ( برای مثال اگر سرور شما ۱۰ گیگابایت پهنای باند به شما ارائه می کند وقتی شما از یک CDN که دارای ۱۰ node است استفاده می کنید در حقیقت شما ۱۰ * ۱۰ گیگابایت به پهنای باند خود افزوده اید ۴. هزینه بسیار پایین ( دلیل این مزیت توانایی استفاده اشتراکی چندین نفر از سرور ها است ) ۵. نصب آسان ( نیاز به داشتن تخصص خاصی برای نصب این سرویس بر روی سایت خود ندارید و ارائه دهندگان این سرویس معمولاً افزونه های از پیش ساخته و یا راه کارهایی برای شما دارند که تنها در چند دقیقه امکان استفاده از این سرویس را به شما می دهند ) ۶. افزایش سرعت بارگذاری و نتایج مثبت در رتبه سایت شما در موتورهای جستجوگر ( همانطور که می دانید سرعت رابطه مستقیمی با SEO سایت شما دارد. ۷. و … چند سرویس دهنده CDN در حال حاظر وجود دارد ؟ بسیاری از سرویس دهنده ها و شرکت های مختلف هم اکنون می توانند ایم امکان را برای شما نیز فراهم کنند که به دو بخش CDN های رایگان و CDN های تجاری ( برای فروش ) تقسیم می شوند. از معروف ترین سرویس های CDN رایگان می توان به Coral CDN ، Speedy Mirror و Dropbox (بله این سرویس هم که حتماً با آن آشنا هستید می تواند به شما امکانات CDN را بدهد ) اشاره کرد و همچنین در بخش CDN های تجاری می توان به Windows Azure ( سرویس CDN مایکروسافت که البته خود یک هاست کامل است ) ، EdgeCast( که ویدئو های وردپرس دات کام ، و بخش هایی از Linkedin ، Tumblr ، Technorati و … از آن استفاده می کنند ) ، Cache Fly و maxcdn اشاره کرد. منبع : تورتک

درود، استایل Holiday را که اخیراً CompleteVB عرضه کرده بود رو به صورت فارسی و راستچین شده خدمتتون تقدیم می کنیم. اسکرین شات : پوشه DO NOT UPLOAD حاوی فایل مربوط به استایل هست که می بایست ایمپورت کنید و پوشه UPLOAD را نیز می بایست در روت هاست آپلود کنید. فایل های مربوطه پیوست شدند. پیروز باشید. Holiday BY Patira.zip

درود؛ استایل bTech رو فارسی و راستچین شده خدمتتون تقدیم می کنیم. امیدواریم مورد قبول واقع بشه. اسکرین شات : فایل های مربوطه پیوست شد. دانلود کنید!! bTechStyleByPatira.zip

درود؛ این هکی که خدمتتون قرار میدم، یه سیستم مدیریت محتوای یکپارچه هست که یک وبسایت با امکانات فوق العاده جالب رو در اختیارتون میذاره... اونم به صورت یه پلاگین برای ویبولتین شما! این سیستم که یه قسمت مدیریتی خیلی کارآمد رو هم برای شما در قسمت ادمین سی پی قرار داده، یک سیستم یکپارچه که صفحاتش غالباً از HTML هستند رو در اختیارتون میذاره! مزیت ها : صفحات می تونن از استایل ویبولتین شما استفاده کنند. میتونین بخش ورود کاربران رو براش تعبیه کنید. میتونید دسترسی ها رو با توجه به نوع گروه کاربری و نوع کاربران تعیین کنید. می تونید آمار بازدیدها رو هم داشته باشید. و ... نصب بسیار آسونه... تمامی نکاتی هم که برای نصب لازمه بدونید داخل خود فایل پیوست موجوده. اسکرین شات: فایل های مربوطه نیز پیوست شدند! موفق باشید. WebTemplates 4.0.0.zip

خب این دفعه میخوایم لوگوی Apple رو با CSS درست کنیم. اولین لوگوی Apple یادتونه؟ همونو میگم :دی تصویر لوگو : <!DOCTYPE html><html> <head> <meta charset=utf-8 /> <title></title> <style> #apple .canvas,.apple6,.apple7,.apple8,.apple61 { background: [url=[Hidden Content]] } #apple .icon { left:184px; height: 202px; top:51px; width: 172px; } .apple1 { border-radius:108px 108px 108px 94px/128px 128px 128px 128px; height:128px; top:47px; width:108px; } .apple2 { left:72px; } .apple3 { border-radius:22px 64px 64px 64px/106px 106px 106px 106px; height: 106px; left:12px; -o-transform:rotate(-25deg); -moz-transform:rotate(-25deg); -ms-transform:rotate(-25deg); -webkit-transform:rotate(-25deg); transform:rotate(-25deg); top:98px; width: 64px; } .apple4 { border-radius:64px 22px 64px 64px/106px 106px 106px 106px; left:103px; -o-transform:rotate(25deg); -moz-transform:rotate(25deg); -ms-transform:rotate(25deg); -webkit-transform:rotate(25deg); transform:rotate(25deg); } .apple5 { height: 145px; left:54px; top:53px; width:70px; } .apple6 { left:50px; -o-transform:scaley(0.5); -moz-transform:scaley(0.5); -ms-transform:scaley(0.5); -webkit-transform:scaley(0.5); transform:scaley(0.5); top:14px; } .apple61 { border-radius:20px; height: 80px; -o-transform: rotate(-45deg) scale(0.9); -moz-transform: rotate(-45deg) scale(0.9); -ms-transform: rotate(-45deg) scale(0.9); -webkit-transform: rotate(-45deg) scale(0.9); transform: rotate(-45deg) scale(0.9); width: 80px; } .apple7 { border-radius:50%; height: 22px; left:66px; top:192px; width: 47px; } .apple8 { border-radius:50%; height: 85px; left:144px; top:63px; width: 85px; } #apple .slice { height: 200px; position: absolute; width:180px; } #apple .slice * { position: absolute; } #apple .slice1 *,.apple9:before,.apple9:after { background: [url=[Hidden Content]] } #apple .slice2 * { background: [url=[Hidden Content]] } #apple .slice3 * { background: [url=[Hidden Content]] } #apple .slice4 * { background: [url=[Hidden Content]] } #apple .slice5 * { background: [url=[Hidden Content]] } #apple .slice6 * { background: [url=[Hidden Content]] } #apple .slice1 { clip:rect(0 180px 73px 0px); } #apple .slice2 { clip:rect(73px 180px 98px 0px); } #apple .slice3 { clip:rect(98px 180px 123px 0px); } #apple .slice4 { clip:rect(123px 180px 148px 0px); } #apple .slice5 { clip:rect(148px 180px 174px 0px); } #apple .slice6 { clip:rect(174px 180px 205px 0px); } .apple9 { left:122px; top:-18px; -o-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -webkit-transform: rotate(40deg); transform: rotate(40deg); } .apple9:before,.apple9:after { border-radius:50%; content:"[url=[Hidden Content]] display: block; height: 90px; position: absolute; text-indent: -9999px; width:90px; } .apple9:before { clip:rect(0 13px 80px 0px); } .apple9:after { clip:rect(14px 100px 76px 76px); left:-64px; } #apple .header h2 { text-indent:200px; } /* general styles */ .canvas { display: block; overflow: hidden; position: relative; top: 0px; text-indent:-9999px; z-index: 10; } .icon, .icon * { display: block; position: absolute; } .monitor, .monitor .canvas { height: 304px; width:540px; } .monitor { background: [url=[Hidden Content]] border:30px solid [url=[Hidden Content]] border-radius:20px; float:left; position:relative; } .monitor:before { /* shadow */ box-shadow: 0 360px 10px rgba(0,0,0,0.2); border-radius:50%; content: "[url=[Hidden Content]] display: block; height: 20px; left: 30px; position: absolute; text-indent: -9999px; width: 540px; } .monitor:after { /* shine */ background: -webkit-linear-gradient(top left, rgba(255,255,255,0) 60%, rgba(255,255,255,0.2) 60%, rgba(255,255,255,0) 100%); border-radius:20px 20px 0 0; height: 364px; content: "[url=[Hidden Content]] display: block; position: absolute; right: -30px; text-indent: -9999px; top:-30px; width:600px; z-index: 10; } </style> </head> <body> <div id="apple"> <div class="monitor"> <div class="canvas"> <div class="icon"> <div class="slice1 slice"> <div class="apple1"></div> <div class="apple2 apple1"></div> <div class="apple3"></div> <div class="apple4 apple3"></div> <div class="apple5"></div> </div> <div class="slice2 slice"> <div class="apple1"></div> <div class="apple2 apple1"></div> <div class="apple3"></div> <div class="apple4 apple3"></div> <div class="apple5"></div> </div> <div class="slice3 slice"> <div class="apple1"></div> <div class="apple2 apple1"></div> <div class="apple3"></div> <div class="apple4 apple3"></div> <div class="apple5"></div> </div> <div class="slice4 slice"> <div class="apple1"></div> <div class="apple2 apple1"></div> <div class="apple3"></div> <div class="apple4 apple3"></div> <div class="apple5"></div> </div> <div class="slice5 slice"> <div class="apple1"></div> <div class="apple2 apple1"></div> <div class="apple3"></div> <div class="apple4 apple3"></div> <div class="apple5"></div> </div> <div class="slice6 slice"> <div class="apple1"></div> <div class="apple2 apple1"></div> <div class="apple3"></div> <div class="apple4 apple3"></div> <div class="apple5"></div> </div> <div class="slice"> <div class="apple6"><div class="apple61"></div></div> <div class="apple7"></div> <div class="apple8"> </div> <div class="apple9"></div> </div> </div> </div> </div> </div> </body> </html> امیدوارم بپسندین

این ترفند برای ساخت باکس هایی با گوشه گرد با استفاده از CSS استفاده میشه. تفاوت این روش با روش CSS3 و Border-radius اینه که حتی تو اینترنت اکسپلورر 6 هم مشکل نداره! این روش بدون استفاده از عکس یا جی کوئری و با استفاده از چهار Element با Margin های متفاوت انجام میشه و در همه مرورگر ها ( حتی IE ) کار می کنه. اول یک Div کلاس box ایجاد می کنیم تا همه محتویات رو در اون قرار بدیم. از 4 تگ (مثلا b ) استفاده میکنیم و 4 کلاس به اونا اختصاص میدیم: [/font][/color][/right] [left][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]lt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]div [/font][/color][color=#000088][font=Segoe UI]class[/font][/color][color=#666600][font=Segoe UI]=&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]quot[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]box[/font][/color][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]quot[/font][/color][color=#666600][font=Segoe UI];&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]gt[/font][/color][color=#666600][font=Segoe UI];&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]lt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]b[/font][/color][color=#000088][font=Segoe UI]class[/font][/color][color=#666600][font=Segoe UI]=&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]quot[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]rtop[/font][/color][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]quot[/font][/color][color=#666600][font=Segoe UI];&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]gt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI] [/font][/color][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]lt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]b[/font][/color][color=#000088][font=Segoe UI]class[/font][/color][color=#666600][font=Segoe UI]=&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]quot[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]r1[/font][/color][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]quot[/font][/color][color=#666600][font=Segoe UI];&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]gt[/font][/color][color=#666600][font=Segoe UI];&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]lt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#008800][font=Segoe UI]/b> <b class="r2"></[/font][/color][color=#000000][font=Segoe UI]b[/font][/color][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]gt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI] [/font][/color][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]lt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]b[/font][/color][color=#000088][font=Segoe UI]class[/font][/color][color=#666600][font=Segoe UI]=&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]quot[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]r3[/font][/color][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]quot[/font][/color][color=#666600][font=Segoe UI];&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]gt[/font][/color][color=#666600][font=Segoe UI];&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]lt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#008800][font=Segoe UI]/b> <b class="r4"></[/font][/color][color=#000000][font=Segoe UI]b[/font][/color][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]gt[/font][/color][color=#666600][font=Segoe UI];&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]lt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#008800][font=Segoe UI]/b> <div>line one<br /[/font][/color][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]gt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]line two[/font][/color][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]lt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#008800][font=Segoe UI]/div> <b class="rbot"> <b class="r4"></[/font][/color][color=#000000][font=Segoe UI]b[/font][/color][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]gt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI] [/font][/color][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]lt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]b[/font][/color][color=#000088][font=Segoe UI]class[/font][/color][color=#666600][font=Segoe UI]=&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]quot[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]r3[/font][/color][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]quot[/font][/color][color=#666600][font=Segoe UI];&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]gt[/font][/color][color=#666600][font=Segoe UI];&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]lt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#008800][font=Segoe UI]/b> <b class="r2"></[/font][/color][color=#000000][font=Segoe UI]b[/font][/color][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]gt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI] [/font][/color][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]lt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]b[/font][/color][color=#000088][font=Segoe UI]class[/font][/color][color=#666600][font=Segoe UI]=&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]quot[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]r1[/font][/color][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]quot[/font][/color][color=#666600][font=Segoe UI];&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]gt[/font][/color][color=#666600][font=Segoe UI];&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]lt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#008800][font=Segoe UI]/b></[/font][/color][color=#000000][font=Segoe UI]b[/font][/color][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]gt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI][/font][/color][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]lt[/font][/color][color=#666600][font=Segoe UI];/[/font][/color][color=#000000][font=Segoe UI]div[/font][/color][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]gt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][/left] [right][color=#444444][font=tahoma] حالا در CSS ، به کلاس های r3 ، r2 ، r1 و r4 مقادیر Margin رو به صورت زیر اضافه می کنیم: [/font][/color][/right] [left][color=#666600][font=Segoe UI].[/font][/color][color=#000000][font=Segoe UI]r1[/font][/color][color=#666600][font=Segoe UI]{[/font][/color][color=#000000][font=Segoe UI]margin[/font][/color][color=#666600][font=Segoe UI]:[/font][/color][color=#006666][font=Segoe UI]0[/font][/color][color=#000000][font=Segoe UI] [/font][/color][color=#006666][font=Segoe UI]5px[/font][/color][color=#666600][font=Segoe UI];}[/font][/color][color=#000000][font=Segoe UI] [/font][/color][color=#666600][font=Segoe UI].[/font][/color][color=#000000][font=Segoe UI]r2[/font][/color][color=#666600][font=Segoe UI]{[/font][/color][color=#000000][font=Segoe UI]margin[/font][/color][color=#666600][font=Segoe UI]:[/font][/color][color=#006666][font=Segoe UI]0[/font][/color][color=#000000][font=Segoe UI] [/font][/color][color=#006666][font=Segoe UI]3px[/font][/color][color=#666600][font=Segoe UI];}[/font][/color][color=#000000][font=Segoe UI] [/font][/color][color=#666600][font=Segoe UI].[/font][/color][color=#000000][font=Segoe UI]r3[/font][/color][color=#666600][font=Segoe UI]{[/font][/color][color=#000000][font=Segoe UI]margin[/font][/color][color=#666600][font=Segoe UI]:[/font][/color][color=#006666][font=Segoe UI]0[/font][/color][color=#000000][font=Segoe UI] [/font][/color][color=#006666][font=Segoe UI]2px[/font][/color][color=#666600][font=Segoe UI];}[/font][/color][color=#000000][font=Segoe UI] [/font][/color][color=#666600][font=Segoe UI].[/font][/color][color=#000000][font=Segoe UI]r4[/font][/color][color=#666600][font=Segoe UI]{[/font][/color][color=#000000][font=Segoe UI]margin[/font][/color][color=#666600][font=Segoe UI]:[/font][/color][color=#006666][font=Segoe UI]0[/font][/color][color=#000000][font=Segoe UI] [/font][/color][color=#006666][font=Segoe UI]1px[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]height[/font][/color][color=#666600][font=Segoe UI]:[/font][/color][color=#006666][font=Segoe UI]2px[/font][/color][color=#666600][font=Segoe UI];}[/font][/color][/left] [right][color=#444444][font=tahoma] (این مارجین ها (5 و 3 و 2 و 1) گوشه های باکس ما رو به پیکسل به پیکسل کاهش میدن تا گرد به نظر بیاد.)همونطور که در کد HTML دیدید ، ما b ها رو در 2 تگ بالا و پایین (Rtop و Rbot ) قرار دادیم تا همونMargin ها به صورت معکوس ،گوشه های پایین رو هم گرد کنند.حالا کد های زیر رو به CSS اضافه می کنیم: [/color][left][color=#666600][font=Segoe UI].[/font][/color][color=#000000][font=Segoe UI]box[/font][/color][color=#666600][font=Segoe UI]{[/font][/color][color=#000000][font=Segoe UI]background[/font][/color][color=#666600][font=Segoe UI]:[/font][/color][color=#880000][font=Segoe UI][url=[Hidden Content]] margin:0 15px;} .box div{margin:0 20px;} .rtop, .rbot{display:block; background:[url=[Hidden Content]]} .rtop *, .rbot *{display:block; height:1px; background:[url=[Hidden Content]]overflow:hidden;}[/font][/color][/left] [color=#444444] (در کد های بالا، حاشیه ها و رنگ زمینه تنظیم می شوند) باکس ما آماده است! کد نهایی به این شکل خواهد بود: [/color] [left][color=#666600][font=Segoe UI].[/font][/color][color=#000000][font=Segoe UI]box[/font][/color][color=#666600][font=Segoe UI]{[/font][/color][color=#000000][font=Segoe UI]background[/font][/color][color=#666600][font=Segoe UI]:[/font][/color][color=#880000][font=Segoe UI][url=[Hidden Content]] margin:0 15px;} .box div{margin:0 20px;} .rtop, .rbot{display:block; background:[url=[Hidden Content]]} .rtop *, .rbot *{display:block; height:1px; background:[url=[Hidden Content]]overflow:hidden;} .r1{margin:0 5px;} .r2{margin:0 3px;} .r3{margin:0 2px;} .r4{margin:0 1px; height:2px;}[/font][/color][/left] [color=#444444] شما می تونید با تغییر دادن کد شکل های جدید هم درست کنید. گوشه های مربع: [left][color=#666600][font=Segoe UI].[/font][/color][color=#000000][font=Segoe UI]box[/font][/color][color=#666600][font=Segoe UI]{[/font][/color][color=#000000][font=Segoe UI]background[/font][/color][color=#666600][font=Segoe UI]:[/font][/color][color=#880000][font=Segoe UI][url=[Hidden Content]] margin:0 15px;} .box div{margin:0 20px;} .rtop, .rbot{display:block; background:[url=[Hidden Content]]} .rtop *, .rbot *{display:block; height:1px; background:[url=[Hidden Content]]overflow:hidden;} .r1{margin:0 5px;} .r2{margin:0 5px;} .r3{margin:0 5px;} .r4{margin:0 5px; height:2px;}[/font][/color][/left] فقط گوشه های سمت راست گرد باشند: [left][color=#666600][font=Segoe UI].[/font][/color][color=#000000][font=Segoe UI]box[/font][/color][color=#666600][font=Segoe UI]{[/font][/color][color=#000000][font=Segoe UI]background[/font][/color][color=#666600][font=Segoe UI]:[/font][/color][color=#880000][font=Segoe UI][url=[Hidden Content]] margin:0 15px;} .box div{margin:0 20px;} .rtop, .rbot{display:block; background:[url=[Hidden Content]]} .rtop *, .rbot *{display:block; height:1px; background:[url=[Hidden Content]]overflow:hidden;} .r1{margin:0 5px 0 0;} .r2{margin:0 3px 0 0;} .r3{margin:0 2px 0 0;} .r4{margin:0 1px 0 0; height:2px;}[/font][/color][/left] یا می تونید با حذف المنت rbot و محتویاتش از کد HTML کاری کنید که فقط گوشه های بالا گرد باشند: [left][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]lt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]div [/font][/color][color=#000088][font=Segoe UI]class[/font][/color][color=#666600][font=Segoe UI]=&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]quot[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]box[/font][/color][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]quot[/font][/color][color=#666600][font=Segoe UI];&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]gt[/font][/color][color=#666600][font=Segoe UI];&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]lt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]b[/font][/color][color=#000088][font=Segoe UI]class[/font][/color][color=#666600][font=Segoe UI]=&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]quot[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]rtop[/font][/color][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]quot[/font][/color][color=#666600][font=Segoe UI];&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]gt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI] [/font][/color][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]lt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]b[/font][/color][color=#000088][font=Segoe UI]class[/font][/color][color=#666600][font=Segoe UI]=&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]quot[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]r1[/font][/color][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]quot[/font][/color][color=#666600][font=Segoe UI];&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]gt[/font][/color][color=#666600][font=Segoe UI];&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]lt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#008800][font=Segoe UI]/b> <b class="r2"></[/font][/color][color=#000000][font=Segoe UI]b[/font][/color][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]gt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI] [/font][/color][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]lt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]b[/font][/color][color=#000088][font=Segoe UI]class[/font][/color][color=#666600][font=Segoe UI]=&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]quot[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]r3[/font][/color][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]quot[/font][/color][color=#666600][font=Segoe UI];&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]gt[/font][/color][color=#666600][font=Segoe UI];&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]lt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#008800][font=Segoe UI]/b> <b class="r4"></[/font][/color][color=#000000][font=Segoe UI]b[/font][/color][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]gt[/font][/color][color=#666600][font=Segoe UI];&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]lt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#008800][font=Segoe UI]/b> <div>line one<br /[/font][/color][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]gt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]line two[/font][/color][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]lt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#008800][font=Segoe UI]/div> <!--rbot deleted--> </[/font][/color][color=#000000][font=Segoe UI]div[/font][/color][color=#666600][font=Segoe UI]&[/font][/color][color=#000000][font=Segoe UI]amp[/font][/color][color=#666600][font=Segoe UI];[/font][/color][color=#000000][font=Segoe UI]gt[/font][/color][color=#666600][font=Segoe UI];[/font][/color][/left] یا فقط یک گوشه گرد باشد و….

درود، همانطور که می دانید می‌توان به کمک tableها و HTML، عکس‌های ساده‌ را بازسازی کرد، اما مشکل این است که مقدار کد لازم برای چنین کاری زیاد است و در مواردی باعث کرش کردن مرورگرها می‌شود.اما همین کار جالب را می‌شود با CSS و html هم انجام داد. خب! گروه eCC***pert هم همین کار را کرده‌اند و توانسته‌اند لوگوی شرکت‌های مشهور را فقط با CSS و html‌ بسازند. در این تاپیک سعی دارم کدهای CSS مربوط به این لوگو ها رو خدمتتون قرار بدم. البته برای اینکه بتونید داخل یه صفحه این کدها رو مشاهده کنید مجبورم HTML رو هم به همراه کدهای CSS بیارم... اولین لوگو : کد مربوطه : <!DOCTYPE html>[/font][/color]<html><head><meta charset=utf-8 /><title></title><style>#adidas .canvas { background: [url=[Hidden Content] .icon { left: 230px; position: absolute; top: 10px;}#adidas .leaf-t1,#adidas .leaf-t2 { background: [url=[Hidden Content]] border-radius:204px/280px; clip:rect(18px 43px 255px 0px); height: 280px; position: absolute; top:-36px; width:194px;}#adidas .leaf-t2 { left:-109px; position: absolute; -o-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);}#adidas .leaf1 .leaf-t1,#adidas .leaf1 .leaf-t2 { height:250px;}#adidas .leaf2 .leaf-t1,#adidas .leaf2 .leaf-t2,#adidas .leaf3 .leaf-t1,#adidas .leaf3 .leaf-t2 { clip:rect(20px 38px 220px 0px ); height:240px;}#adidas .leaf1 { position: absolute; top:50px;}#adidas .leaf2 { left:-130px; position: absolute; top: 131px; -o-transform:rotate(-40deg); -moz-transform:rotate(-40deg); -ms-transform:rotate(-40deg); -webkit-transform:rotate(-40deg); transform:rotate(-40deg);}#adidas .leaf2 .leaf-t1,#adidas .leaf2 .leaf-t2 { border-radius:200px/287px; width:200px;}#adidas .leaf2 .leaf-t1 { left:5px;}#adidas .leaf2 .leaf-t2 { left:-120px;}#adidas .leaf3 { left:151px; position: absolute; top:77px; -o-transform:rotate(40deg); -moz-transform:rotate(40deg); -ms-transform:rotate(40deg); -webkit-transform:rotate(40deg); transform:rotate(40deg);}#adidas .leaf3 .leaf-t1,#adidas .leaf3 .leaf-t2 { border-radius:200px/287px; width:200px;}#adidas .leaf3 .leaf-t1 { left:4px;}#adidas .leaf3 .leaf-t2 { left:-121px;}#adidas .stripes { height: 50px; left:-19px; position: absolute; top:160px; width: 110px; z-index:10;}#adidas .stripe { background: [url=[Hidden Content]] height: 12px; left: -98px; margin-bottom:12px; position: relative; top:0px; width:320px;}#adidas .header h2 { text-indent: -57px;}/* general styles */.canvas { display: block; overflow: hidden; position: relative; top: 0px; text-indent:-9999px; z-index: 10;}.icon, .icon * { display: block; position: absolute;}.monitor,.monitor .canvas { height: 304px; width:540px;}.monitor { background: [url=[Hidden Content]] border:30px solid [url=[Hidden Content]] border-radius:20px; float:left; position:relative;}.monitor:before { /* shadow */ box-shadow: 0 360px 10px rgba(0,0,0,0.2); border-radius:50%; content: "[url=[Hidden Content]] display: block; height: 20px; left: 30px; position: absolute; text-indent: -9999px; width: 540px;}.monitor:after { /* shine */ background: -webkit-linear-gradient(top left, rgba(255,255,255,0) 60%, rgba(255,255,255,0.2) 60%, rgba(255,255,255,0) 100%); border-radius:20px 20px 0 0; height: 364px; content: "[url=[Hidden Content]] display: block; position: absolute; right: -30px; text-indent: -9999px; top:-30px; width:600px; z-index: 10;}</style></head><body> <div id="adidas"> <div class="monitor"> <div class="canvas"> <div class="icon"> <div class="leaf1"> <div class="leaf-t1"></div> <div class="leaf-t2"></div> </div> <div class="leaf2"> <div class="leaf-t1"></div> <div class="leaf-t2"></div> </div> <div class="leaf3"> <div class="leaf-t1"></div> <div class="leaf-t2"></div> </div> <div class="stripes"> <div class="stripe"></div> <div class="stripe"></div> <div class="stripe"></div> </div> </div> </div> </div> </div></body>[color=#1A1A1A][font=tahoma]</html>

ضمن عرض درود خدمت تمامی دوستان، با توجه به مباحثی که مطالعه کردم، لازم دونستم پارامترهای دیگه ای رو هم جهت بحث عارض بشم که البته میتونم برای پارامترهایی که خدمتتون ذکر می کنم مطالبی رو هم ارائه کنم، البته با توجه به سطح اطلاعات خودم... اول از همه خدمتتون عرض کنم که موضوعی که Ela مطرح کردند، میتونه جالب باشه، ولی اون طرح فقط در سطح کرج نبوده، بلکه یک طرح کشوری بوده که تاحدودی هم تونسته موفق باشه... ولی نه موفقیت کامل. هنوز نارضایتی های خودش رو داره. در حالت کلی هر چیزی که باعث بشه یه شهروند، کارهای روزمره ش رو به صورت الکترونیکی انجام بده، میتونه یه پارامتر باشه برای صحبت کردن در مورد بحث شهروند الکترونیک. که البته یه شهروند الکترونیک برای انجام این فعالیت ها، نیاز به شهر یا دولت الکترونیکی داره. مطالبی که درج کرده بودید اکثراً در رابطه با تجارت الکترونیک (مبحث کارآفرینی) و بانکداری الکترونیک بودند که البته مباحث کارآمدی هستند. اما میشه مباحث دیگه ای رو هم برای استفاده در مقاله به کار برد، از جمله "بهداشت الکترونیک" که در حال بهره برداری هست... و همچنین پارامترهای دیگه ای که کم و بیش در حال بررسی و مورد ارزیابی قرار گرفتن هستند... مطلب ذیل رو مطالعه بفرمایید: "در دنیای امروز که سرعت پیشرفت در عرصه علم به دقیقه و ثانیه رسیده است پیوستن به جهان الکترونیک و فناوری اطلاعات تنها راه ورود به این بزرگراه وسیع و پرتردد است. البته با وجود مسائل و مشکلات عدیده مربوط به آلودگی هوا ، آلودگی های صوتی ، ترافیک ،اتلاف انرژی و اهمیت زمان، لزوم بستر سازی و اعمال دولت و خدمات الکترونیک بسیار مهم می نماید. تنها با نگاهی کوتاه به ازدیاد جمعیت منتظر در صفوف طولانی بانکها ، خیایانهایی مملو از خودروهایی که رانندگان آنها کلافه و منزجر به ترافیک سنگین پیش روی خود می نگرند، کودکانی که به سختی نفس می کشند و سالخوردگانی که معمولاً به دلیل فشارهای عصبی و آلودگی های صوتی و ... قدم از منزل به بیرون نمی گذارند و والدینی که مضطرب از فضای بیمار گونه جامعه نگران آینده فرزندانشان هستند به سادگی می تواند متوجه ضرورت آموزشهایی با متد و محتوایی نوین شد." فکر می کنم همیشه برای معرفی بحث شهروند الکترونیک از مقدمه ای این چنینی استفاده کنند و در جواب تعریف شهروند الکترونیک هم از این تعریف استفاده می کنند: "شهروند الكترونيک كسي است كه از حداقل دانش لازم درباره مفاهيم پايه فناوري اطلاعات و ارتباطات برخوردار است، توانايي برقراري ارتباط با اينترنت و ارسال و دريافت پيام‌هاي الكترونيكي از طريق پست الكترونيک را دارد و همچنين اطلاعات‌، خدمات‌، كالاها و نرم افزارهاي مورد نياز خود را از طريق اينترنت جستجو مي‌كند. در زندگی امروزی، به دلیل تعدد وظایف شهروندان، هر فرد نیاز ها و وظایف گوناگونی دارد و برای رفع بسیاری از نیاز های خود، مجبور به استفاده از شیوه های آسان و کم هزینه تر مي‌باشد. یکی از روشهای جایگزین انجام فعالیت های روزمره شهروندی، مانند پرداخت قبوض، پرداخت عوارض، انجام امور بانکی، مراجعه به ادارات، دریافت مجوزات، خرید و فروش، آموزش و غیره است." ولی به نظر من میشه این بحث رو به صورت خیلی وسیع تر در موردش بحث کرد... البته اگه جامعه ای که این بحث در موردش داریم بحث می کنیم، پتانسیل لازم و کافی رو داشته باشه.