Slide show

3 ways to put HTML, CSS, JS code example in a box




1. THE SIMPLEST WAY : Is to use a Codebutify online tool to colorize the code like hilite.me , markup.su e,c,t and paste the code , the resault:


<style>
.Label li:hover {
    transform: rotate(5deg);
}
.Label li {
    border: 1px solid;
    border-radius: 6px 6px 6px 6px;
    color: #000000 !important;
    float: left;
    font-size: 116%;
    list-style: none outside none;
    margin: 2px;
    padding: 4px;
    transition: all 0.3s ease 0s;
}
.Label a {
    color: #000;
    text-decoration: none;
}
</style>

The problem using this method is the post page overflow who neded to fix it manualy


1. THE EASY WAY: Is to colorize the code as the way 1 and ... we use a simple table cell as textarea  and in the table area drag n drop the colorized code this method have the advantage who we no need to use HTML code , and the update is very easy , the resault:

 
<style>
.Label li:hover {
    transform: rotate(5deg);
}
.Label li {
    border: 1px solid;
    border-radius: 6px 6px 6px 6px;
    color: #000000 !important;
    float: left;
    font-size: 116%;
    list-style: none outside none;
    margin: 2px;
    padding: 4px;
    transition: all 0.3s ease 0s;
}
.Label a {
    color: #000;
    text-decoration: none;
}
</style>

To make and colorise the table you can use a simple online editor like tinymce or google.docs 

The problem using this method is the post page overflow who neded to fix it manualy


3. THE HARD WAY : IS to Use a textarea but you must prefix text area and paste the code using HTML mode

<center>
<textarea  rows =20 cols="50">

Your examble code here 

</textarea>
</center>

Using this method No need to edit the post page overflow. So this method is the best way to share compresed code.
Plus using prefixed thext area and the scrolbars we share huge code , using small space in the post page , the resault:



© Resource http://superblogger3.blogspot.gcom the exampe is free to share it to your page or blog or your social media page.

Go back to home page 

NEW !!! You can actively participate in the wordpress911 team to ask and answer questions to upload articles and videos register » Here

Links: You can download the best WordPress Woocommerce templates HERE


6 comments:

  1. Great blog created by you. I read your blog, its best and useful information. You have done a great work. Super blogging and keep it up.php jobs in hyderabad.
    z

    ReplyDelete

  2. Your ideas on how to build an attractive website to grab customers to your business is excellent with the required functionalities. I hope your article was most read for the web related searchers in the internet. Keep updating your ideas, I am waiting for the article.
    Regards:
    web designing courses
    web development courses

    ReplyDelete
  3. Your ideas on how to build an attractive website to grab customers to your business is excellent with the required functionalities. I hope your article was most read for the web related searchers in the internet. Keep updating your ideas, I am waiting for the article.
    Regards:
    web designing institute
    web designing in chennai

    ReplyDelete
  4. An attractive websites is the first impression that you give to your users. I have seen that in your website and also I am impressed. Keep doing and share your ideas.
    web development courses in chennai
    Web Development Training in chennai

    ReplyDelete
  5. Thank you for written this blog regarding to core technology.This is very Helpful and informative blog.
    ios app training
    mobile application training in hyd

    ReplyDelete
  6. TCA, being an online setup, resolves this concern of such aspirants and plays a critical role in saving time, money and energy costs of the aspirants.We are proud to win the trust of hundreds of students with our effectual strategies and powerful mechanism. You can come and join us as TCA Online is surely your gateway to bureaucracy.whatsapp call for
    more info +923133319144


    https://tcaonline.pk/

    Online CSS Academy,

    Online CSS Institute,

    Online CSS Preparation,

    Best CSS Academy,

    Best Online CSS Academy in Pakistan,

    Best CSS Academy in Pakistan,

    Best CSS Academy in Islamabad,

    Best CSS Academy in Lahore,

    Best CSS Academy in Karachi,

    Best CSS Academy in Peshawar,

    GK MCQs

    ReplyDelete