• اطلاعیه ها

    • Saeed Fard

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

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

تایتل برای قالب

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

سلام می خواستم بدونم نحوه ایجاد تایتل برای قالب چطوریه؟ تایتل زیبا با جی کوئری داریم؟

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


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

سلام

تایتل یعنی چی؟ یک نمونه بگید یا توضیحی بدید.

منظورتون لوگو هست؟

تاپیک منتقل شد./

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


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

وقتی موس رو روی لینک میبریم توضیحی در مورد لینک رو نشون میده؟ من می خوام اون عنوان که به نمایش در میاد رو تغییر بدم به چیزی که مد نظر خودم هستش نمونه (title="عنوان از لینک یا پست") اسم تایتل شاید اشتباه بگم بعضی مواقع alt هم بکار میاد

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


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

برای لینک همون تایتل هست.

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

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


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

اره همون تولتیپ اسمش یادم رفته

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


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

ي نمونه از Tooltip كه ميتونيد خودتون تغييرات بديد

اول استايل تول تيپ هست كه به شكل زير هست :

#tooltip{
position:absolute;
border:1px solid gray;
background:#FFFFFF;
min-width:40px;
min-height:14px;
text-direction:rtl;
text-align:center;
padding:2px 5px;
filter:alpha(opacity=75);
opacity:0.7;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
color:#000000;
shadow:5px 5px 0 #FFF;
font-size:8pt;
font-family: tahoma;
text-shadow:1px 0px 1px #565656;
display:none;
}

و بعد براي استفاده بايد به اين صورت استفاده بشه

<a class="tooltip" title="تماس با من" href="www.site.com</a>

البته بيد از فايل tooltip.js كه پيوست كردم هم استفاده كنيد تا نماي بهتري پيدا كنه و آجاكس نمايش بده

براي استفاده از فايل Tooltop.js هم اين كد رو در هدر قرار بديد تا فايلتون فراخوان بشه :

<script language="javascript" src="js/Tooltip.js"></script>

موفق باشيد....

tooltip.rar

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

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


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

چطوری توی قالب تنظیم کنم

<script language="javascript" src="js/Tooltip.js"></script>

قرار دادم توی هدر و اون کدی css هم توی فایل style.css قرار دادم و برای لینک مورد نظرم تگ تایتیل رو گذاشتم طبف نمونه که شما قرار دادید ولی کار نکرد

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


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

دوست عزيز اين هم يك آموزش كامل و كاربردي از اين‌كار توسط آقا علي عزيز ..


http://aliha.ir/2009/06/04/easiest-tooltip-using-jquery/

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


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

دوستان من هر کاری میکنم تولیپ اعمال نمیشه؟ چیکار باید بکنم؟ توی کد ها این # مگه معرف تگ Id نیست چرا توی صفحه نمایش از class استفاده شده؟

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


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

لينك آنلاين از كاري كه انجام داديد قرار بديد تا ببينيم مشكل از كجاست ..

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


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

درست شد

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


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

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

http://www.lullabot.com/files/bt/bt-latest/DEMO/index.html

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

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


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

برای هر کدوم کدهای نمونه رو داده.

کجای کار مشکل دارید؟

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


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

گزینه های Complex Animation و Simple Animation رو مد نظرم هست کد جی اس اون و css و نحوه قرار دادن توی قسمت مورد نظر نحوه توی قالب ممنون میشم مرتضی عزیز برام توضیح بدی

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

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


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

برای نمونه Simple Animation:

کد html:

<div type="text" id="example21" class="target" title="Animations are a bit complicated, but very flexible.">hover</div>

type رو برای این تولتیپ باید روی text قرار بدید.

id و class برای شناسایی المان به تولتیپ هست.

id برای شناسایی اون المان و تولتیپ شدن توضیحاتش هست.

در title هم متن تولتیپ قرار میگیره.

کد js:

$('#example21').bt({
showTip: function(box){
$(box).fadeIn(500);
},
hideTip: function(box, callback){
$(box).animate({opacity: 0}, 500, callback);
},

shrinkToFit: true,
hoverIntentOpts: {
interval: 0,
timeout: 0
}
});

در کد بالا #example21 همون id یی هست که به المان html دادیم.

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


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

کدهای id و class رو لطفی کن برام دربیار کدهای Complex Animation اینو برام دربیاری ممنون میشم

توی این تولتیب فایل js اون میشه همین چند خط احتیاج به معرفی فایل جی کوری نیست؟ همین چند خط رو میشه بریزم توی یه فایل و مسیر فایل رو توی هدر وارد کنم؟

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

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


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

نیاز به در آوردن نیست! شما کافیه جاگذاری کنی. هر دو هم مثل هم هستن.

فایل جی کوئری نیاز هست.

در ضمن باید فایل این تولیتپ رو هم از آدرس زیر بگیرید و در صفحه در هد بزارید.

http://archive.plugins.jquery.com/project/bt

اون چند خط رو هم میتونید در یک فایل قرار بدید و در هد بزارید.

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


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

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

امکان داره یه نمونه فارسی شده دمو قرار بدی؟ یعنی با همون id , class که مدنظر من هستش

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

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


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

دارن ي سري تغييرات ميدن تو سايت ، اعلاميه هم زده

كمي صبر كنيد

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


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

درسته ریلیز رسمی نشده.

این هست:

http://www.lullabot.com/files/bt/bt-latest/jquery.bt.js

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


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

امکان داره یه نمونه فارسی شده دمو قرار بدی؟ یعنی با همون id , class که مدنظر من هستش

لطف کنید یه نمونه بزارید که منم توی قالب مورد نظر خودم قرار بدم

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


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

از کدوم؟ همین تولتیپ؟

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


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

آره و دومی که دادم

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


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

http://jsfiddle.net/cdxM3/

نکته: با جی کوئری تا 1.7 سازگار هست.

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


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

http://jsfiddle.net/cdxM3/

نکته: با جی کوئری تا 1.7 سازگار هست.

خوب برای حالتهای دیگه چطور توی این لینک میشه درست کرد؟

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


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

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

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

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

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


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

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

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


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