• اطلاعیه ها

    • Saeed Fard

      حمایت وردپرس پارسی از همایش آینده وب و موبایل   19/04/74

        چهارم و پنجم اسفند ماه 1395، همایش آیندهٔ وب و موبایل ایران با حمایت سازمان فناوری اطلاعات در مرکز همایش‌های شهید قندی برگزار خواهد شد. این همایش یک رویداد ۲ روزه است که در آن پیشتازان صنعت وب و موبایل از تکنولوژی‌های روز دنیا در این حوزه‌ها سخن می‌گویند به طوری که این همایش پنجره‌ای به چشم‌انداز آینده‌ٔ وب و موبایل در جهان، و همچنین راهنمایی برای تصمیم‌گیران، تصمیم‌سازان و متخصصان ایرانی است.   فرصت‌هایی که FOWM#  برای شما خلق خواهد کرد: آشنایی با تکنولوژی‌های آینده‌ساز وب و موبایل شرکت در مباحث چالشی درباره وب و موبایل ارتباط و شبکه‌سازی با “قله‌های وب و موبایل” موقعیت‌های کاری، هم‌تیمی‌های جدید دریافت گواهی شرکت در همایش دو روز به‌یادماندنی سرشار از شگفتی   شرکت‌کنندگان در این همایش ضمن آشنایی با فناوری‌های آینده‌ساز وب و موبایل، شرکت در مباحث چالشی و ارتباط با بزرگان وب و موبایل ایران، می‌توانند موقعیت‌های کاری و هم‌تیمی‌های جدید برای کسب‌وکار خود بیابند. این همایش برای طراحان و توسعه‌دهندگان وب‌سایت و موبایل، مدیران ارشد سازمان‌ها، صاحبان کسب‌وکارهای کوچک و متوسط، دانشجویان و علاقه‌مندان دارای نکات آموزشی و جذاب خواهد بود.   مجید علوی‌زاده، دبیر همایش آیندهٔ وب و موبایل که سابقه اجرای چند همایش و سمینار مرتبط را دارد، اعلام کرد: جمعی از بهترین‌ها و پیشروان این دو حوزه در ایران با ارائه‌های تخصصی خود، چشم‌انداز آینده این صنعت‌ها را به شرکت‌کنندگان عرضه خواهند کرد.   در هر یک از روزهای برگزاری همایش، یک پنل تخصصی در مورد یکی از موضوع‌های مهم این حوزه نیز برگزار خواهد شد و دست‌اندرکاران به بحث و تبادل نظر خواهند پرداخت و در پایان، به شرکت‌کنندگان گواهی حضور در همایش اعطا خواهد شد.   ثبت نام در مهمترین رویداد صنعت وب و موبایل ایران تا پایان بهمن ماه ۹۵ امکان پذیر خواهد بود، برای ثبت نام و یا کسب اطلاعات بیشتر در خصوص این رویداد و آشنایی با موضوعات و سخنرانان به آدرس http://conf.wsschool.org/fowm مراجعه نمایید.   کاربران وردپرس پارسی می‌توانند با استفاده از کد wp-parsi از مبلغ ۴۰ هزار تومان تخفیف در ثبت نام برخوردار شوند.
فرهاد

ایجاد تولتیپ حاوی متن و تصویر به روی تصویر

23 پست در این موضوع قرار دارد

سلام دوستان

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

بعد روی هر شماره کلیک می کنی اطلاعاتش زیر همون نقشه به صورت آجاکس و یا هم پاپ آپ نمایش داده میشه

میخواستم بدونم همچین چیزی رو میشه روی وردپرس عملی کرد؟

میخوام قطعات کامپیوتری رو به این صورت معرفی کنم اما نمیدونم چطوری این کار رو بکنم

البته یه فکر هایی به سرم زده اما فقط میشه برای چند نقطه که پشت سر هم به صف باشه عملی کرد

ولی قطعات هر طرفی هستن چطوری میشه به نظرتون انجامش داد

این یه نمونه از چیزی که میگم

http://www.miladenoor.ir/?page=tour&lng=fa

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

بیس کارتون یه عکسه یا یه گراف؟ و دوم اینکه دیتایی که قراره نمایش داده بشه در کجا تولید شدند؟

ویرایش شده در توسط isk

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

خب نقشه رو با فتوشاپ ترسیم میکنم

میمونه اون شماره گذاری هاش که باید کد نویسی بشه

میخوام روی وردپرس این کار رو انجام بدم

بعد من چند تا قطعه بیشتر نمیخوام معرفی کنم مثلا 4 5 تا که مثل همین میلاد نور که نوشته طبقه اول دوم , منم مینویسم قطعه اول و دوم

برا همین میشه بصورت مطلب برای یه دسته خاص گذاشت و از اون دسته کوئری بگیریم

اما نمایش کوئری بصورت لیست منظم به صف شده نشون داده میشه مثلا عمودی یا افقی

اما نقاطی که روی قطعات معرفی میشن روی یه خط نیستن هر کدوم یه گوشه ای هستن

مشکل همینجاست

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

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

یه مورد دیگه اینکه اگه دستی اینکارو بخوای انجام بدی یعنی اینکه نقطه هاتون رو نمی خواید همش تغییر بدید از این اسکریپت های می تونید استفاده کنید .


http://www.htmldrive.net/items/show/1170/Useful-Tooltips-with-the-images


http://www.htmldrive.net/items/show/1153/jQuery-and-CSS3-interactive-interior-guide-tooltips

البته پلاگین هم هست که نصب می کنید روی وردپرس و از طریق یوزر ادمین می تونید نقطه گذاری کنید رو تصویر و توضیحات نشون بده براتون ...

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

خب من وقتی کوئری میگیرم موقعی که چاپ میکنیم دستور رو همه مواردی که میخواد نشون بده از یه استایل بندی دستور رو میگیره پس نمیشه اتومات کردش

از طرفی هم نمیخوام که با اچ تی ام ال بصورت دستی نقطه گذاری کنم

میخوام بصورت php باشه

مورد اخر فرمودین که پلاگین هست که نقطه گذاری میشه اسم پلاگین میدونید چیه یا چی باید جستجو کنم؟

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

بله کاملا شدنی هست .

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

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

خب من نمی خوام که دستی واردش کنم

میخوام php وارد کنمش

که بتونم با توابع وردپرس تصویر شاخص و مطلب و لینم و... استفاده کنم

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

این لینکی که گذاشتید یک اسلایدشو است که بجای تصویر نقشه طبقات را داره

برای کاری که می خواهید بکنید بهترین کار استفاده از زمینه دلخواه است مثلا یک زمینه برای مادربرد و یک زمینه برای هارد دیسک و ... و در هر پست اطلاعات هر کدام را در زمینه مربوطه اش قرار بدید (البته فقط متغیر ها را) و ثابت ها را مستقیما به قالب single.php اضافه کنید

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

نه اسلاید فقط برای انتهاب طبقات هستش

شما روی اون شماره که نوشته مثلا 25 تا 43 و ... کلیک کنید زیر همون صفحه اطلاعات مربوطش میاد

خب این یعنی مطلب رو نوشته بعد ازش کوئری گرفته

منتهی چطوری کوئری رو تنظیم کرده که مستقیم روی شماره ها قرار گرفته چون شماره ها بدون نظم قرار داند یعنی در یه خط صاف نیست که لیست بشن

من میخوام کاری شبیه این انجام بدم حالا با هر تکنیکی که شدنی باشه

شما میگین چطوری یعنی انجام بدم که دستی نباشه؟ یعنی مثل اچ تی ام ال و سی اس اس نباشه که برا هر کدوم یه استایل بندی انجام بدم

ویرایش شده در توسط فرهاد

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

باید از تگ map - area استفاده کنید و تولتیپ های مبتنی بر rel - area

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

این چیزی که فرمودین چی هست

تا بحال نشیدم

یعنی باید مثلا 40 50 تا تگ بزنم

بعد اون موقع تگ زدم باید دستی دونه به دونه هم باید لینک کنم به مطلب ؟

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

تگ 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 wpostmeta
WHERE wposts.ID = wpostmeta.post_id
AND 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 تبدیل کنید - استایل نویسی به عهده استفاده کننده می باشد

** نکته مهم تر و اساسی تر: هیچوقت مسئله رو از ته حل نکنید (جوش دستی وارد کردن رو نخورید به جوونیتون رحم کنید)

ویرایش شده در توسط isk

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

خیلی ممنون از آموزش عالی تون

اما فکر کنم من هنوز نتونستن منظور اصلیمو برسونم

خب طبق اموزش شما عمل میکنیم و همه رو وارد میکنم

اما بعدش که روی شماره کلیک میشه باید پست مربوط به اون که نوشته شده بصورت آجاکس زیرش بیاد

دقیقا مثل تصویر زیر :

post-2747-0-38551800-1381215137_thumb.jp

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

آموزشی که دادین رو انجام دادم اما چیزی عمل نکرد

فقط عکس بک گراند رو آوردش

نه تصویر شاخص اومد نه مطالب نه اون زمینه ها

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

اسم زمینه های دلخواهتون چیه؟

لینک آنلاین از کار خودتون بدید

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

من کماکان متوجه شماره ای نشدم !

post-336-0-44240100-1381347226_thumb.jpg

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

مشکل از مرورگرتونه احتمالا

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

این تصویرش هست که شماره 22 الان در تصویر فعال هست

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

تصویر زیر نشون دهنده کامل هست

post-2747-0-71665200-1381436727_thumb.jp

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

دوست عزیز من در این زمینه یکم بی تجربم ولی توی مباحث html یک ترفندی رو دیدم که میشه یک عکس رو مختصات بهش داد و قسمت هایی از اون رو لینک دار کرد

که فکر میکنم این سایت هم کار اصلی که انجام داده همینه و با کمی کد نویسی حرفه ایی جذاب ترش کرده و بهش تولتیپ داده

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

شما از area و map استفاده کنید

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

من هنوز درگیر این آموزشم و نتونستم ازش استفاده کنم

من میخوام از این داخل ادامه مطلب پست ها استفاده کنم

پست ها رو دسته بندی کردم و قالب ادامه مطلب این پست های مخصوص رو جدا کردم پس میخوام پیش فرض روی اون دسته باشه این امکان

الان طبق این آموزش که دادین من برای برگه قالب جدا ساختم و مطلب برگه رو داخل اون قالب گذاشتم همه اون زمینه ها رو هم ایجاد کردم اما هیچ چیزی به جز یه عکس نیومدش

در ضمن روی لوکال دارم کار میکنم و آدرس انلاین ندارم متاسفانه

سورس صفحه رو هم چک میکنم اینو میاد ره برای قسمت مطلب :


<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>

فایل جاوا اسکریپت هم میاره اما نمیدونم چرا باز عمل نمیکنه

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

ممنون میدونم باید با تگ map-area باید موقعیت بهشون بدم

اما مشکل اینجاست که من نمیتونم برای هر مطلب یه زمینه دلخوه بزنم و بعد برای اون زمینه یه تگ جدا بزنم

اینطوری باید برای هر مطلب این کار رو تکرار کنم !!!

دوست خوبمون در پست های قبلی اموزش خوبی داده بود که در زیمنه دلخوه مقدار طول و عرض میدادی و موقعبت مشخص میشد

اما کار نکرد کد

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

اما کار نکرد کد

کد قبلی درست هست چه بخشی کار نکرد؟

چون فقط یک فراخوانی بود.

به اشتراک گذاری این پست


لینک به پست
به اشتراک گذاری در سایت های دیگر

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

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

    • توسط alireza1375
      سلام. من در ویژگی های محصولات ووکامرس ترتیب را روی "ترتیب مرسوم یا نام (شمارشی)" تنظیم می کنم ولی وقتی ویژگی را وارد می کنم (به شکل زیر) و سپس مطلب را ذخیره می کنم.

      حالا وقتی وارد ویژگی می شوم این ترتیب را می بینم!

      و قسمت عجیب تر نمایش اون در سایت هست که به این شکل نمایش داده می شود:

      مشکل چیه؟
    • توسط mosi1672
      سلام 
      من یه سایتی دارم که برای همایش علمی مقالات رو با فرمی که با افزونه گرویتی فرم ساخته شده دریافت میکنم.
      خواستم بدونم آیا راهی وجود داره که امار مقالات دریافتی رو به صورت داینامیک و پویا بتونم با روی سایت اصلی نشون بدم؟ البته با ظاهر زیبا
      مثل این سایت تایپ ایران که امار پروژه ها و کاربرانش رو به صورت نمودار دایره ای نشون میده..
      این ادرس سایت :
      ادرس فرم:http://ihsc.bsbmu.ir/maghaleh/
      ادرس سایت:http://ihsc.bsbmu.ir/

      میدونم خیلی ساده گفتم ولی اگر امکان داره راهنمایی بفرمایید
    • توسط mehdiilbeigi
      سلام
      دوستان من یک دسته مادر خاص دارم مثلا شبکه های تلوزیونی با زیرمجمعه هایی مثل شبکه سه و شبکه 2 و ...
      حالا می خوام توی پستم زیرمجموعه های دسته شبکه های تلوزیونی رو که تیکش و زدم نمایش بده و با , جدا کنه.
      ممنون می شم راهنمایی کنید.
    • توسط rezarnmsh
      با سلام خیلی ممنون میشم که پاسخ بدید که چطور میتونم هم ورد پرس فارسی و هم انگلیسی را روی لوکال هاست xampp نصب کنم