Create your own stylesheet with TopStyle Lite CSS editor احصل على stylesheet مع TopStyle لايت المغلق محرر

Posted on December 8, 2008 at 5:34 am تنشر على 8 كانون الاول / ديسمبر ، 2008 في 5:34 صباحا

Cascading Style Sheets have become a standard format for encoding style definitions of web pages. صفحات الطرز المتراصة أصبح شكل موحد لترميز أسلوب التعاريف من صفحات الويب. Unlike inline style components (ie font tag), which does not separate your content from the presentation, CSS makes your whole site easier to maintain.  If you want to edit the look of your site, all you have to do is edit the CSS file instead of the individual pages.  Style sheets look like the one below: وخلافا للانسجام عناصر النمط (أي الخط علامة) ، والتي لا تفصل المحتوى الخاص بك من عرض ، المغلق الخاص بك كله يجعل من السهل الحفاظ على الموقع. إذا كنت تريد لتحرير ننظر من موقعك ، كل ما عليك القيام به هو تحرير الملف المغلق بدلا من صفحات فردية. اوراق الانماط تبدو واحدة أدناه :

P {

font-family: Verdana;

font-style: bold;

color: blue;

font-size: 12;

}

“P” is an HTML tag so this means that all of my content inside the <P> tag will have that style.  In the example above I defined 4 style elements: font family, style, color and size.  You can create style sheets for any HTML tag like <A>, <TABLE>, <TD>, etc. "ف" هو علامة هتمل ذلك وهذا يعني أن كل من بلدي مضمون البطاقة <p>داخل وسيكون هذا النمط. وفي المثال الأول أعلاه تعريف أسلوب 4 عناصر هي : الخط الأسرة ، والنمط واللون والحجم. يمكنك إنشاء أسلوب صحائف لأي علامة مثل هتمل <A>، <TABLE>، <TD>، الخ.

TopStyle Lite is a free editor for making CSS files.  You can get it from this website: TopStyle لايت هو حر محرر لصنع ملفات المغلق. يمكنك الحصول عليه من هذا الموقع : http://www.bradsoft.com/

TopStyle has a clean interface where you can put your CSS code and preview the output.  A style inspector is also available that acts like a map of of elements, classes and IDs that you create: وقد TopStyle نظيفة بينية حيث يمكنك وضع مدونة المغلق الخاص بك ومعاينة الانتاج. أسلوب مفتش متاحة أيضا على أن أعمال مثل خريطة للعناصر ، فئات وهويات أن خلق لكم :

صورة

As you have seen above, this is not a WYSIWYG tool.  You will need to type the CSS code by yourself but the code editor has pop-up suggestions to guide you on this task: وكما رأيتم أعلاه ، هذه ليست أداة تشاهده هو ما تحصل عليه. ستحتاج إلى اكتب رمز المغلق من قبل نفسك ولكن رمز المحرر البوب متابعة اقتراحات لتوجيه لكم على هذه المهمة :

صورة

The style inspector could act as a shortcut to jump to individual elements.  Click an element to highlight the code of the element in the code editor: النمط مفتش يمكن أن يكون بمثابة طريق مختصر إلى القفز على العناصر الفردية. انقر فوق عنصر لتسليط الضوء على رمز من العنصر في محرر رمز :

صورة

The properties editor under the Style Inspector window could also be used to edit the CSS code.  The style sheet code automatically changes as you change parameters of the design elements under the properties tab: في إطار تحرير خصائص النمط المفتش نافذة يمكن استخدامها أيضا لتعديل قانون المغلق. وقد ورقة نمط رمز تلقائيا تغييرات قمت بتغيير معالم من عناصر التصميم في إطار خصائص علامة التبويب :

صورة

Once you are done you can save the CSS file directly as a CSS file: وبمجرد انك يمكنك القيام به انقاذ الملف المغلق بشكل مباشر بوصفها المغلق الملف :

صورة

TopStyle Lite is an easy to use tool for creating CSS code using very little effort.  It’s capability to provide you with predefined design elements and display the sample output real-time are a big help for serious web developers. TopStyle لايت هو أداة سهلة الاستخدام لإنشاء مدونة المغلق باستخدام قدر كبير من الجهد. إنها القدرة على توفير لكم سلفا مع عناصر التصميم وعرض عينة الانتاج في الوقت الحقيقي هي كبيرة لمساعدة مطوري الويب الخطيرة.

Ben Carigtan shows you how it’s done. بن Carigtan يظهر لك كيف يتم ذلك.

Enjoyed this post? يتمتع هذا المنصب؟ Subscribe to Online Tech Tips via الاشتراك عبر الإنترنت نصائح للتكنولوجيا RSS Feed آر إس إس or via أو عن طريق Email البريد الإلكتروني and receive free daily productivity tips. والحصول على نصائح مجانية يوميا الإنتاجية.

» Filed Under »المقدمة بصورة مشتركة بموجب أحكام Free Software Downloads الحرة تنزيلات

أضف لذيذ Save this page احفظ هذه الصفحة انها Mixx Stir it up on Mixx اثارة الامر على Mixx
[بلوجم] Add to Reddit أضف إلى [بلوجم] [سبورل] Stumble this page تتعثر هذه الصفحة

Related Posts الوظائف ذات الصلة

2 Responses to “Create your own stylesheet with TopStyle Lite CSS editor” 2 الردود على "احصل على stylesheet مع TopStyle المغلق لايت رئيس تحرير"

  1. cicom3nd3z said on : وقال cicom3nd3z على ما يلي : December 8th, 2008 at 11:20 am كانون الأول / ديسمبر 8th ، 2008 في الساعة 11:20

    Probably the best CSS editor for Windows. ولعل أفضل محرر المغلق لويندوز.


  2. Phao Loo Phao مرحاض said on : وقال على ما يلي : December 10th, 2008 at 10:40 am ديسمبر 10th ، 2008 في الساعة 10:40

    Instead of open heavy DreamWeaver of Visual Studio, I probably prefer this small utility. بدلا من فتح دريمويفر الثقيلة من استوديو البصرية ، وربما تفضل هذه الصغيرة فائدة.

    It seems you have to have a basic knowledge about CSS before using this. ويبدو عليك ان يكون لديك معرفة أساسية عن المغلق قبل استخدام هذا. But CSS is pretty easy, visit and read some lessons from ولكن المغلق هي جميلة سهلة ، وزيارة وقراءة بعض الدروس من http://www.w3schools.com/css/ , you will make CSS your loyal slave. ، كنت سوف المغلق الخاصة بك تقديم الموالية السلافية.


    Please post your comments/suggestions! الرجاء تعليقاتكم وظيفة / اقتراحات!