فرهاد-سئو 905 ارسال شده در مهر 92 گزارش بازنشر ارسال شده در مهر 92 سلام دوستانمن تو بعضی از این سایت های معرفی پاساژ دیدم که یه صفحاتی دارند که نقشه ساختمانشون رو ترسیم کردند و بعد واحد رو با شماره علامت گذاری کردندبعد روی هر شماره کلیک می کنی اطلاعاتش زیر همون نقشه به صورت آجاکس و یا هم پاپ آپ نمایش داده میشهمیخواستم بدونم همچین چیزی رو میشه روی وردپرس عملی کرد؟میخوام قطعات کامپیوتری رو به این صورت معرفی کنم اما نمیدونم چطوری این کار رو بکنمالبته یه فکر هایی به سرم زده اما فقط میشه برای چند نقطه که پشت سر هم به صف باشه عملی کردولی قطعات هر طرفی هستن چطوری میشه به نظرتون انجامش داداین یه نمونه از چیزی که میگمhttp://www.miladenoor.ir/?page=tour&lng=fa 1 نقل قول لینک به ارسال
isk 4447 ارسال شده در مهر 92 گزارش بازنشر ارسال شده در مهر 92 (ویرایش شده) بیس کارتون یه عکسه یا یه گراف؟ و دوم اینکه دیتایی که قراره نمایش داده بشه در کجا تولید شدند؟ ویرایش شده مهر 92 توسط isk 3 نقل قول لینک به ارسال
فرهاد-سئو 905 ارسال شده در مهر 92 مالک گزارش بازنشر ارسال شده در مهر 92 خب نقشه رو با فتوشاپ ترسیم میکنممیمونه اون شماره گذاری هاش که باید کد نویسی بشهمیخوام روی وردپرس این کار رو انجام بدمبعد من چند تا قطعه بیشتر نمیخوام معرفی کنم مثلا 4 5 تا که مثل همین میلاد نور که نوشته طبقه اول دوم , منم مینویسم قطعه اول و دومبرا همین میشه بصورت مطلب برای یه دسته خاص گذاشت و از اون دسته کوئری بگیریماما نمایش کوئری بصورت لیست منظم به صف شده نشون داده میشه مثلا عمودی یا افقیاما نقاطی که روی قطعات معرفی میشن روی یه خط نیستن هر کدوم یه گوشه ای هستنمشکل همینجاست 1 نقل قول لینک به ارسال
themefarsi 11 ارسال شده در مهر 92 گزارش بازنشر ارسال شده در مهر 92 اگر اشتباه نکنم به دوصورت میتونید انجامش بدید مطلب گذاشتن که کاری نداره ، اما واسه اینکه در کدام نقطه تصویرتون نشون بده باید برای زمینه دلخواه تولید کنید و مرتبط کنید به CSS که طول و عرض رو بگیره و اونجا نقطه رو بذاره و ماوس که رفت روش یا کلیک شد پاپ اپ یا تولتیپ یا هرچی نشون بده ...یه مورد دیگه اینکه اگه دستی اینکارو بخوای انجام بدی یعنی اینکه نقطه هاتون رو نمی خواید همش تغییر بدید از این اسکریپت های می تونید استفاده کنید .http://www.htmldrive.net/items/show/1170/Useful-Tooltips-with-the-imageshttp://www.htmldrive.net/items/show/1153/jQuery-and-CSS3-interactive-interior-guide-tooltipsالبته پلاگین هم هست که نصب می کنید روی وردپرس و از طریق یوزر ادمین می تونید نقطه گذاری کنید رو تصویر و توضیحات نشون بده براتون ... 1 نقل قول لینک به ارسال
فرهاد-سئو 905 ارسال شده در مهر 92 مالک گزارش بازنشر ارسال شده در مهر 92 خب من وقتی کوئری میگیرم موقعی که چاپ میکنیم دستور رو همه مواردی که میخواد نشون بده از یه استایل بندی دستور رو میگیره پس نمیشه اتومات کردشاز طرفی هم نمیخوام که با اچ تی ام ال بصورت دستی نقطه گذاری کنممیخوام بصورت php باشهمورد اخر فرمودین که پلاگین هست که نقطه گذاری میشه اسم پلاگین میدونید چیه یا چی باید جستجو کنم؟ نقل قول لینک به ارسال
webbarg 46 ارسال شده در مهر 92 گزارش بازنشر ارسال شده در مهر 92 بله کاملا شدنی هست .حالا این قسمت را هر جور که می خواهید باشه چه داینامیک یا استاتیک شما ابتدا وردپرس را درنظر نگیرید و طراحی عادی با html و css و ... انجام بدید روی وردپرس منتقل کنید . 1 نقل قول لینک به ارسال
فرهاد-سئو 905 ارسال شده در مهر 92 مالک گزارش بازنشر ارسال شده در مهر 92 خب من نمی خوام که دستی واردش کنممیخوام php وارد کنمشکه بتونم با توابع وردپرس تصویر شاخص و مطلب و لینم و... استفاده کنم نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در مهر 92 گزارش بازنشر ارسال شده در مهر 92 این لینکی که گذاشتید یک اسلایدشو است که بجای تصویر نقشه طبقات را داره برای کاری که می خواهید بکنید بهترین کار استفاده از زمینه دلخواه است مثلا یک زمینه برای مادربرد و یک زمینه برای هارد دیسک و ... و در هر پست اطلاعات هر کدام را در زمینه مربوطه اش قرار بدید (البته فقط متغیر ها را) و ثابت ها را مستقیما به قالب single.php اضافه کنید 5 نقل قول لینک به ارسال
فرهاد-سئو 905 ارسال شده در مهر 92 مالک گزارش بازنشر ارسال شده در مهر 92 (ویرایش شده) نه اسلاید فقط برای انتهاب طبقات هستششما روی اون شماره که نوشته مثلا 25 تا 43 و ... کلیک کنید زیر همون صفحه اطلاعات مربوطش میادخب این یعنی مطلب رو نوشته بعد ازش کوئری گرفتهمنتهی چطوری کوئری رو تنظیم کرده که مستقیم روی شماره ها قرار گرفته چون شماره ها بدون نظم قرار داند یعنی در یه خط صاف نیست که لیست بشنمن میخوام کاری شبیه این انجام بدم حالا با هر تکنیکی که شدنی باشهشما میگین چطوری یعنی انجام بدم که دستی نباشه؟ یعنی مثل اچ تی ام ال و سی اس اس نباشه که برا هر کدوم یه استایل بندی انجام بدم ویرایش شده مهر 92 توسط فرهاد نقل قول لینک به ارسال
isk 4447 ارسال شده در مهر 92 گزارش بازنشر ارسال شده در مهر 92 باید از تگ map - area استفاده کنید و تولتیپ های مبتنی بر rel - area 3 نقل قول لینک به ارسال
فرهاد-سئو 905 ارسال شده در مهر 92 مالک گزارش بازنشر ارسال شده در مهر 92 این چیزی که فرمودین چی هستتا بحال نشیدمیعنی باید مثلا 40 50 تا تگ بزنمبعد اون موقع تگ زدم باید دستی دونه به دونه هم باید لینک کنم به مطلب ؟ نقل قول لینک به ارسال
isk 4447 ارسال شده در مهر 92 گزارش بازنشر ارسال شده در مهر 92 (ویرایش شده) تگ map - areaعلی ایحال، مثال:فرض کنید بیس شما یک تصویر است که برای نقاظ مختلفی از اون تصویر میخواین اطلاعاتی با پاپ آپ و یا تولتیپ نمایش بدید.در این مثال تصویر ابعاد 522 در 392 دارد.برگه ایی با قالب مجزا بسازید و کدهای زیر را درون آن قرار دهید:<script src="<?php bloginfo('template_directory'); ?>/map-tooltip.js" type="text/javascript"></script><?php$querydetails = "SELECT wposts.*FROM $wpdb->posts wposts, $wpdb->postmeta wpostmetaWHERE wposts.ID = wpostmeta.post_idAND wpostmeta.meta_key = 'status'AND wpostmeta.meta_value = '1'AND wposts.post_type = 'post'";$pageposts = $wpdb->get_results($querydetails, OBJECT)?><div class="mapcontent"><div class="menu"></div><div><div class="stores"><img src="<?php bloginfo('template_directory'); ?>/images/base-image-tooltip.jpg" class="imgMap" width="522" height="392" alt="نقشه ایران" /><?php if ($pageposts): foreach ($pageposts as $post): setup_postdata($post); ?><div class="marker" id="<?php echo get_post_meta($post->ID, 'store_id', true); ?>" data-coords="<?php echo get_post_meta($post->ID, 'x-rate', true); ?>,<?php echo get_post_meta($post->ID, 'y-rate', true); ?>"><h3><?php echo get_post_meta($post->ID, 'store_name', true); ?></h3><p><?php the_post_thumbnail(); ?></p><p class="go-detail"><a href="<?php the_permalink() ?>" target="_blank">مشاهده</a></p></div><?php endforeach; endif; ?></div><div class="controls"><?php if ($pageposts): foreach ($pageposts as $post): setup_postdata($post); ?><a href="#" rel="<?php echo get_post_meta($post->ID, 'store_id', true); ?>"><?php echo get_post_meta($post->ID, 'store_name', true); ?></a><?php endforeach; endif; ?></div></div></div>به استایل قالبتون اضافه کنید:.stores{width:522px;height:392px;}.menu{text-align:center;}.menu a{color:#D7363A;font-size:11px;font-weight:bold;margin:0 10px;}.preloader{background:url("images/loader.gif") no-repeat center #fff;}.marker{display:block;text-indent:-9999px;width:15px;height:23px;outline:none;background:url("images/marker.png") no-repeat;cursor:pointer;}.popup{width:300px;position:absolute;padding:8px;background:#444444;color:#ffffff;font-weight:normal;font-size:12px;line-height:15px;opacity:0.8;text-align:right;border-right:5px solid #e85356;}.popup h3{margin:0;margin-bottom:10px;font-weight:normal;font-size:20px;}.popup .close{display:block;text-indent:-9999px;position:absolute;top:4px;left:4px;width:16px;height:16px;outline:none;background:url("images/close.gif") no-repeat;cursor:pointer;}.relative{position:relative;}.controls{position:absolute;top:20px;right:20px;z-index:20;display:none;}.controls a{background:#444444;border-right:5px solid #e85356;display:block;clear:both;font-size:16px;font-weight:bold;line-height:28px;margin-bottom:4px;outline:none;padding:0 15px;text-decoration:none;}.controls a:hover{background:#f8f8f7;color:#292733;}.controls .active{background:#e85356;color:#000000;}.go-detail a{font-size:14px;}اسکریپت زیر را درون پوشه ی قالبتون قرار بدید: (اکسترکت کنید!)map-tooltip.zipتصاویر زیر را در پوشه ی image قالبتون قرار دهید: (اکسترکت کنید)images.zipحالا میریم سراع تولید پست ها:برای پست ها تصویر شاخص قرار دهید تا در تولتیپ نمایش داده شوند.برای پست ها زمینه های دلخواه با اسامی و مشخصات زیر تولید کنید:زمینه دلخواه status با مقدار 1 برای این نوع پست ها تا تفاوت با سایر پست ها در کوئری داشته باشندزمینه دلخواه store_id با مقدار منحصر بفرد برای هر پست - تا بین نقطه متناظر روی بیس و تولتیپ آن نقطه ارتباط برقرار شودزمینه دلخواه store_name که همان نام فروشگاه استزمینه های دلخواه x-rate و y-rate که مختصات طولی و عرضی نقاط بر روی تصویرند** می تونید خاصیت onclick رو به mouseOver تبدیل کنید - استایل نویسی به عهده استفاده کننده می باشد** نکته مهم تر و اساسی تر: هیچوقت مسئله رو از ته حل نکنید (جوش دستی وارد کردن رو نخورید به جوونیتون رحم کنید) ویرایش شده مهر 92 توسط isk 7 نقل قول لینک به ارسال
فرهاد-سئو 905 ارسال شده در مهر 92 مالک گزارش بازنشر ارسال شده در مهر 92 خیلی ممنون از آموزش عالی توناما فکر کنم من هنوز نتونستن منظور اصلیمو برسونمخب طبق اموزش شما عمل میکنیم و همه رو وارد میکنماما بعدش که روی شماره کلیک میشه باید پست مربوط به اون که نوشته شده بصورت آجاکس زیرش بیاددقیقا مثل تصویر زیر : نقل قول لینک به ارسال
فرهاد-سئو 905 ارسال شده در مهر 92 مالک گزارش بازنشر ارسال شده در مهر 92 آموزشی که دادین رو انجام دادم اما چیزی عمل نکردفقط عکس بک گراند رو آوردشنه تصویر شاخص اومد نه مطالب نه اون زمینه ها نقل قول لینک به ارسال
isk 4447 ارسال شده در مهر 92 گزارش بازنشر ارسال شده در مهر 92 اسم زمینه های دلخواهتون چیه؟لینک آنلاین از کار خودتون بدید 1 نقل قول لینک به ارسال
imanfakhar 26231 ارسال شده در مهر 92 گزارش بازنشر ارسال شده در مهر 92 من کماکان متوجه شماره ای نشدم ! 2 نقل قول لینک به ارسال
فرهاد-سئو 905 ارسال شده در مهر 92 مالک گزارش بازنشر ارسال شده در مهر 92 مشکل از مرورگرتونه احتمالاچون روی چند سیستم رویت شده مشکلی نداشتهاین تصویرش هست که شماره 22 الان در تصویر فعال هستروی هر کدوم از شماره ها که برین اسم فروشگاه با عکسش میاد و بعد وقتی کلیک میکنی در همون صفحه بصورت اجاکس باز میشهتصویر زیر نشون دهنده کامل هست 2 نقل قول لینک به ارسال
Alireza Xn 1644 ارسال شده در مهر 92 گزارش بازنشر ارسال شده در مهر 92 دوست عزیز من در این زمینه یکم بی تجربم ولی توی مباحث html یک ترفندی رو دیدم که میشه یک عکس رو مختصات بهش داد و قسمت هایی از اون رو لینک دار کردکه فکر میکنم این سایت هم کار اصلی که انجام داده همینه و با کمی کد نویسی حرفه ایی جذاب ترش کرده و بهش تولتیپ داده 3 نقل قول لینک به ارسال
Morteza 34190 ارسال شده در مهر 92 گزارش بازنشر ارسال شده در مهر 92 شما از area و map استفاده کنید 3 نقل قول لینک به ارسال
فرهاد-سئو 905 ارسال شده در آبان 92 مالک گزارش بازنشر ارسال شده در آبان 92 من هنوز درگیر این آموزشم و نتونستم ازش استفاده کنممن میخوام از این داخل ادامه مطلب پست ها استفاده کنمپست ها رو دسته بندی کردم و قالب ادامه مطلب این پست های مخصوص رو جدا کردم پس میخوام پیش فرض روی اون دسته باشه این امکانالان طبق این آموزش که دادین من برای برگه قالب جدا ساختم و مطلب برگه رو داخل اون قالب گذاشتم همه اون زمینه ها رو هم ایجاد کردم اما هیچ چیزی به جز یه عکس نیومدشدر ضمن روی لوکال دارم کار میکنم و آدرس انلاین ندارم متاسفانهسورس صفحه رو هم چک میکنم اینو میاد ره برای قسمت مطلب :<div class="mapcontent"><div class="menu"></div><div><div class="stores"><img src="http://localhost/sunly/wp-content/themes/sunly/images/base-image-tooltip.jpg" class="imgMap" width="522" height="392" alt="���� �����" /></div><div class="controls"></div></div></div>فایل جاوا اسکریپت هم میاره اما نمیدونم چرا باز عمل نمیکنه نقل قول لینک به ارسال
Parsa 23463 ارسال شده در آبان 92 گزارش بازنشر ارسال شده در آبان 92 ابزارhttp://www.image-maps.com/PHP_Map_Image.phphttp://www.idocs.com/tags/images/_IMG_USEMAP.htmlhttp://www.hscripts.com/tutorials/html/image-map.phphttp://www.cs.tut.fi/~jkorpela/HTML3.2/5.5.htmlhttp://www.quackit.com/html/tutorial/html_image_maps.cfm 4 نقل قول لینک به ارسال
فرهاد-سئو 905 ارسال شده در آبان 92 مالک گزارش بازنشر ارسال شده در آبان 92 ممنون میدونم باید با تگ map-area باید موقعیت بهشون بدماما مشکل اینجاست که من نمیتونم برای هر مطلب یه زمینه دلخوه بزنم و بعد برای اون زمینه یه تگ جدا بزنماینطوری باید برای هر مطلب این کار رو تکرار کنم !!!دوست خوبمون در پست های قبلی اموزش خوبی داده بود که در زیمنه دلخوه مقدار طول و عرض میدادی و موقعبت مشخص میشداما کار نکرد کد نقل قول لینک به ارسال
Morteza 34190 ارسال شده در آبان 92 گزارش بازنشر ارسال شده در آبان 92 اما کار نکرد کدکد قبلی درست هست چه بخشی کار نکرد؟چون فقط یک فراخوانی بود. 1 نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .