Parsi Coders

نسخه‌ی کامل: ویرایش زنده استایل ها با افزونه Visual CSS Style Editor
شما در حال مشاهده نسخه آرشیو هستید. برای مشاهده نسخه کامل کلیک کنید.
. در خیلی از وقت ها ممکن است که برای شما این موضوع پیش آمده باشد که دوست داشته باشید اجزای وردپرستان مثل نوع نوشتار و جایگاه المان ها و تصاویر و جلوه های ویژه و نوع نمایش هر محتوایی را تنظیم کنید. مراحلی برای انجام این کار وجود دارد که در ادامه به شما خواهیم گفت. خب برای انجام این کار به شکل پیش فرض ممکن هست که به inspect element مرورگر مراجعه میکنید و به شکل دستی تغییری در قالب وردپرس خودتون به وجود میارید. اما برای دوستانی که با سی اس اس (css) و ساختار آن و همچنین کارایی آن آشنا نیستند کار کمی سخت میشود که به این دسته از دوستان پیشنهاد میکنم که آموزش امروز را از دست ندهند.
حال اگر اجازه دهید میخواهیم کمی با کارآیی افزونه ویژوال سی اس اس استایل ادیتور آشنا شویم. این افزونه ویژگی ها و کارآیی یک ویرایشگر زنده در اختیار شما قرار میدهد تا بدون اینکه کد نویسی کنید و تنها کاری که لازم باشد انجام دهید انتخاب و تغییر شاخصه های ویرایشی باشد به راحتی قالب دلخوان خودتون رو ویرایش و راستچین یا دارای جلوه های منحصر به فردی کنید که قبل از آن حتی به ذهن شما هم نمیرسید.
حالا اگر دوست داشته باشید شما را با بعضی از ویژگی های این افزونه آشنا کنیم که در نوع خود واقعا منحصر به فرد است.
  1. یکی از این ویژگی های عالی اختصاص دادن بیشتر از پنجاه ویژگی و خصوصیت برای المنت های قالب شماست. ویژگی های بعدی را در زیر بررسی میکنیم.
  2. میتوانید بدون کد نویسی و دانش تغییر کدی استایل استایل های هر المن را تغییر دهید.
  3. میتوانید بدون بارگزاری دوباره ی صفحه تغییر زنده را برای دیدن آنی تغییرات انجام شده انجام دهید.
  4. برای جابجایی همیشگی در قالب وردپرسی شما قابلیت کشیدن و رها شدن هر المنت را میدهد.
  5. میتوانید بدون کد نویسی هر المنت را تغییر زنده دهید.
  6. این افزونه قابلیت ساخت انیمیشن برای هر المنت را به شکل زنده در حالت های مختلف به شما میدهد.
  7. این افزونه بیشتر از پنجاه مدل انیمیشن را برای به کار گیری در محتوای وب سایت وردپرسی را در اختیار شما قرار میدهد.
حالا اگر موافق باشید میخواهم ویژگی های خاصی که به کمک آن ها میتوانید موارد دیگری را نیز به وب سایت وردپرسی خودتون اضافه کنید را به شما بگویم.
  • یکی از این ویژگی ها ی خاص و منحصر به فرد به کار بردن بیشتر از ۶۰۰ فونت انگلیسی در نسخه پرو و انگلیسی این افزونه است.
  •  در این افزونه وردپرس بیشتر از ۳۰۰ تصویر زمینه برای استفاده در جایگاهی که مورد نظر شماست استفاده شده است.
  •  از پالت رنگ های استاندارد فلت ( رنگ های تخت محبوب ) در المان ها استفاده شده است.
  •  ابزار اندازه گیری و تغییر اندازه المان ها و محتوای قالب در اختیار شما قرار داده شده است.
  •  قابلیت ساخت انیمیشن دلخواه و ذخیره ی آن برای استفاده های بعدی در اختیار شما قرار داده میشود.
  •  از وب سایت های واکنشگرا پشتیبانی میشود و در خصوصیت قالب ها تداخل ایجاد نمیشود.
  •  دراین افزونه قابلیت انتخاب جلوه ی ویژه برای مواقعی که موس بر روی محتوایی گذاشته میشود یا روی آن کلیک میشود را به شما میدهد.
  •  در این افزونه انتخاب حالت های ویژه برای مدیریت جستجو در وب سایت شما انجام میشود.
  • ویژگی های گرفتن و رها کردن هر المنت و محتوا (drag & drop) را در اختیار شما قرار میدهد.
  •  میتوانید از حالت قاب استفاده کنید و فاصله برای هر قسمت از قالب شما را تعیین میکند.
  • بیشتر از ۵۰ حالت انیمیشنی آماده برای استفاده در قالب وردپرس را در اختیار شما قرار میدهد.
  • راهنمای هوشمندی دارد که در هر بخش به راحتی میتوان از آن برای استفاده از افزونه کمک گرفت.
  • اطلاعات طراحی را برای شما قرار میدهد و قابلیت دیدن و ویرایش کد های ایجاد شده در استایل ها را برای شما قرار میدهد.
  •  حق انتخاب رنگ دلخواه برای متون و بخش های وب سایت شما را میدهد.
  •  قابلیت استفاده از جلوه های ویژه و فیلتر های سی اس اس در نسخه پیشرفته را به شما میدهد.
  •  قابلیت داشتن پشتیبانی از انتخاب خصوصیات هر نقطه ای از وب سایت که کلیک خواهید کرد را به شما میدهد.
  •  قابلیت داشتن پشتیبانی از تغییر سایز و تغییر استایل و مدیریت استایل در افزونه ها را به شما میدهد.
  •  به شما این قابلیت را میدهد که اگر مشکلی در روند کار شما به وجود آمد بتوانید به صفحه ی قبل برگردید.
  • به شما قابلیت این را میدهد که بتوانید قالب استایل ها را برای صفحات مجزا تغییر دهید و از آن ها در مطالب خاص استفاده کنید.
  • دارای کلید های میانبر و بروز رسانی خودکار و مستندات افزونه است.
چیزی که در خیلی از وبگردی ها قابل تشخیص است این است که خیلی از وب سایت ها با کمک افزونه از قالب های ساده و کاربردی و کارآمد مثل صحیفه قالب های منحصر به فردی را درست کرده اند که حتی آن ها را برای فروش میگذارند و اقدام به فروش آن ها میکنند. مانند تمام افزونه ها برای نصب این افزونه هم ابتدا به پیشخوان وردپرس بروید و افزونه را نصب کنید. پس از آن که آن را فعال سازی کردید از قسمت نمایش روی گزینه ی Yellow pencil کلیک کنید تا بتوانید تنظیمات افزونه را انجام دهید. پس از اینکه روی آن گزینه کلیک کردید به صفحه ی جدیدی میروید که میتوانید در آن صفحه تنظیمات را انجام دهید. این بخش کمی دشوار است اما با صبر و تسلط یشتر میتوانید تنظیمات این بخش را به راحتی انجام دهید. پس از ان که تنظیمات را انجام دادید با ویراشگر متنی سی اس اس رو به رو خواهید شد که میتوانید در آن نتیجه ی کار خود را مشاهده کنید. همانطور که قبلا هم گفتیم این افزونه نسخه ی پرمیوم  میباشد ( که ما ان را null کردیم )


جز اولین انجمن و ساتی هستیم که اخرین نسخه Yellow pencil یا همان Visual CSS Style Editor اخرین نسخه اکتیو شده و نال شده رو بصورت رایگان برای شما دوستان ارائه کردیم.


تغییرات اخرین نسخه :

کد پی‌اچ‌پی:
Version 5.5.4 (26 November 2016)
FixedSome elements not selectable.
Fixedconflict with W3 Total Cache

Version 5.5.3 (24 November 2016)
New Interface.
1500more fast style processing time.
300more fast resizing performance.
Press SHIFT key for select multiple elements.
Functional improvements.

Version 5.5.2 (18 November 2016)
Fixed a critical loading issue.
a few Improvement to make it more functional.
A lot bug fixed.

Version 5.5.1 (15 November 2016)
Added multiple element selection support
Added font families support to the exportable stylesheet
.
Added static stylesheet support.
Added a new option for reset the selected element.
New: 
Press delete key for hiding the selected element.
Improvement to hover and focus feature.
improvement to Search Element Tool.
Improvement to Single Selector Tool. (Now more smart)
......., 
box shadow, and transform options engine updatedHigh performance!
Improvement to Undo Redo.
Improvement to Smart Guides.
New 
Shortcuts: [RResponsive Tool, [M] : Measuring Tool, [W]: Wireframe, [D]: Design information

Version 5.5.0 
(17 October 2016)
# Fixed an issue with single selector tool.

Version 5.4.9 (13 October 2016)
# Fixed a few small issues.

Version 5.4.8 (11 October 2016)
# Fixed two critical bug.

Version 5.4.7 (7 October 2016)
# Fixed a critical error.

Version 5.4.6 (7 October 2016)
# Added transparent color support. (RGBA)
# Improvement to editor loader.
# Now support of export all CSS rules as ready-to-use.

Version 5.4.5 (20 August 2016)
# Improvements for Chrome.

Version 5.4.4 (18 August 2016)
# Added live animation manager
# Animations support in responsive now.
# A critical bug fixed.

Version 5.4.3 (3 August 2016)
# Critical improvements to core.
# Improvements to performance

Version 5.4.2 (26 July 2016)
# Fixed slow loading issue.
# Improvements to smart CSS Selector.

Version 5.4.1 (24 July 2016)
# Critical CSS selector bug fixed.

Version 5.4.0 (22 July 2016)
# Visual Resize Elements
# Improvements to CSS Selectors.
# Improvements to UI.
# Added Smart guides to Drag&Drop and Resize features.
# Added Design information; Information about selected element, typography and more.
# Improvements to CSS Editor.
# Improvements to border radius, font family, animations.
# Added: Animation manager! Animation manager will available on next update.
# and a ton minor improvements!

Version 5.3.5 (9 June 2016)
# New Feature: wireframe.
# Fixed minor bugs.

Version 5.3.4 (31 May 2016)
# New Smart artificial intelligence! (Generating CSS codes as human)
# Powerful performance updates!
# Improvements to core.
# Woocommerce saving bug fixed.

Version 5.3.3 (3 May 2016)
# Fixed save bug.
# Added export & import.

Version 5.3.2 (24 April 2016)
# Fixed an important bug for SSL.
# Two minor bug fixed.

Version 5.3.1 (23 April 2016)
# Fixed bug with localhost.
# minor bugs fixed.

Version 5.3.0 (19 April 2016)
# New: Resizable Responsive Mode
# New: Support any CSS media queries
# improvements to Background Patterns
# improvements to Custom Selector
# improvements to Ruler And CSS Editor

Version 5.2.9 (31 March 2016)
# Fixed selector bug.

Version 5.2.8 (16 March 2016)
# Fixed: aiming bug.

Version 5.2.7 (16 March 2016)
# Fixed: menu bug.
# Fixed: ruler bug.

Version 5.2.6 (15 March 2016)
# New: you can disable aiming mode.
# New: Single selector mode
# New: ruler and measuring tools
# New: Added "write CSS link"
# Fixed: a ton bug fixed.
# Improvements: Improvements on the interface.
# Shortcuts updated.

Version 5.2.5 (03 March 2016)
# NEW: Auto typing selector to CSS editor.
# NEW: Autocomplete for CSS editor.
# Improvements to selectors.

Version 5.2.3 (10 February 2016)
# Fixed SSL bug.

Version 5.2.2 (8 February 2016)
# New: showing padding with a line.
# New: Smart titles for elements.
# New: No limit for font-size, etc.
# New: Visiual select body tag.
# Improvements to plugin core.

Version 5.2.1 (13 January 2016)
# Animation bugs fixed.
# Improvements to SSL.
# Selector bugs fixed.

Version 5.2.0 (7 January 2016)
# Added: animation creator.
# Visual Improvements.
# Improvements to font family.
# "Box Shadow color" issue fixed.
# Core issues fixed.
# Background color issue fixed.
# "CSS Editor not show codes" bug fixed.
# "CSS data lose" bug fixed.

Version 5.1.2 (9 December 2015)
# Wordpress 4.4. update.
# Selector bug fixed.
# Custom selector bug fixed.

Version 5.1.1 (27 November 2015)
# Added Visibility Property
# Trash posts bug fixed
# Improvements to transformed elements.
# Improvements to dragger and resizer.
# Animations bug fixed.
# Improvements to CSS Editor

Version 5.1.0 (18 November 2015)
# Drag&Drop bug fixed.
# Live Element re-sizer Added!
# Improvements to selections
# Improvements to core.
# Improvements to color picker
# Improvements to small screens.

Version 5.0.1 (5 November 2015)
# A few small bug fixed.

Version 5.0.0 (5 November 2015)
# Improvements to picker
# Improvements to performance
# Improvements to undo/Redo
# Improvements to CSS Editor
# Improvements to automatic important system
# Improvements to slider
# Smarter And Easy
# Loading issue fixed.
# New color picker!

Version 4.7.0 (19 October 2015)
# All bugs fixed.
# Added custom Selector.
# Documentation updated.

Version 4.6.3 (15 October 2015)
# Added automatic updater
# Improvements to interface
# A lot of improvements to core
# Added helper notices.
# Fixed "select just it" bug.
# Fixed drag&drop bug.
# Fixed parent setting.

Version 4.6.2 (16 September 2015)
# Important Improvements. 

Version 4.5.1 (4 September 2015)
# Fixed background image.

Version 4.5 (3 September 2015)
# Added table-cell for display.
# Added Drag & Drop Features.
# Added ESC Key Close Select tag.
# Added ESC Key Close colorpicker.
# Improvement for width, animations and display.
# Body class prefix fixed.
# background image Full size fixed.
# H Key problem fixed.
# Contextmenu close bug fixed.
# Improvement for CSS Engine.
# CSS Editor bug fixed.
# Chrome transform bug fixed.
# Ruler height bug fixed.
# Now up/down keys change "px","em" and "%".
# Slider value bug fixed.
# Improvement for position.
# Jquery bug fixed.

Version 4.4 (27 August 2015)
# Improvement for undo and redo.
# Added Background image uploader.
# Added Color picker.
# Improvement for Text shadow.
# Added CSS Source Controller page.
# Theme Part Feature Disabled.

Version 4.3.5 Stable (23 August 2015)
# New shortcut.
# Simple improvements.

Version 4.3 Stable (6 August 2015)
# Added Undo / Repo Feature
# Added Meterial Colors
# Improvement for core.
# New Shortcuts
# Bugs fixed.

Version 4.2 (3 August 2015)
# Fixed important bug.
# Improvement performance.
# Improvement for core.
# Added Fullscreen setting.
# Added Pixel Ruler.
# Fonts Updated.

Version 4.1 (2 August 2015)
#  Bugs fixed.

Version 4.0 (1 August 2015)
# Added CSS Animation property.
# Added Parallax script.
# Added CSS editor.
# Added Automatic prefix.
# Added CSS ....... property.
# Added CSS Text Shadow property.
# Added Box Shadow property.
# Added Box Sizing property.
# Added Transform property.
# Added .PO and .MO files.
# Added Turkish Translation.
# Added Shortcut keys.
# Added descriptions to some options.
# SSL Bug Fixed.
# Bugs Fixes!

Version 3.2 (18 June 2015)
# Fixed Save Bug.

Version 3.1 (17 June 2015)
# Improvements to core.
# Added: Export CSS Code
# Fixed: Bugs.

Version 3.0 (06 June 2015)
# Improvements to core.
# Added: Responsive support.
# Added: Just Select a element.
# Fixed: bugs.

Version 2.2.3 (15 May 2015)
# Improvements to core.
# Added 300+ Background patterns
# Added Advanced colours.

Version 2.2.2 (14 May 2015)
# Improvements to some themes.

Version 2.2.1 (13 May 2015)
# Selector Improvements.

Version 2.2.0 (07 May 2015)
# Initial release 
Yellow Pencil is a visual Style Editor WordPress plugin that you can use with any theme and plugin to make customizing your website much easier. Its 100% front-end, See and work on your site in real-time.
Inspector
Yellow Pencil lets you customize any element in your website. Click any element and edit colors, fonts, sizes, positions and a lot more styles. Yellow Pencil has more than 50 properties and also coming with advanced tools.
ویرایشگر دیداری
You don't know about CSS? No problem, It's has simple visual controls. Yellow Pencil will create CSS styles in the background while you playing with colors as the game.
Live CSS Editor
Yellow Pencil developed for both beginners and advanced users. No code knowledge required but there is still a good CSS Editor for those who would like to coding! You can coding live with CSS editor and interfere generated CSS rules.
Live Drag & Drop Any Element
Drag & Drop any element in real-time, move the elements to any position you want.
Resize Elements Live
Edit the element width and height from options or resize any element real-time.
Visual Animation Generator
Create custom animations with the scenes! Animation generator will be recording your moves as an animation! Add more scenes, more styles and have fun! Provide mobility to your website with your own special animations!
Visual Animation Manager
Manage all Yellow Pencil animations! Use 50+ ready-to-use animations or use your custom own animations. Control animation durations and delays. Animation manager supports multiple animations! Yay! This is a unique feature on web technology, even you can create HTML/CSS based movies with Yellow Pencil.
Key Features
  • 600+ Font families (Pro Version)
  • 300+ Background patterns (Pro Version)
  • Trend color palettes (Pro Version)
  • Measuring tool
  • Animation generator
  • Animation manager
  • Responsive support
  • Hover & Focus selectors
  • Selector search tool
  • Drag & Drop feature
  • Wireframe mode
  • 50+ Animations (Pro Version)
  • Smart guides
  • Design information
  • Color picker (Pro Version)
  • CSS3 ....... effects (Pro Version)
  • 50+ CSS properties
  • Support custom selectors
  • Live Resizer
  • Live CSS Editor
  • CSS Manager
  • Undo & Redo feature
  • Clean CSS output
  • Customize any page
  • Automatic Update
  • Shortcuts
  • Well Documentation


Download Visual CSS Style Editor 5.5.4

[attachment=617]

پسوورد :
کد:
www.parsicoders.com