Monday, July 15, 2013

CSS customization of blogger template

I have been asked how I achieved the coloured fonts in my code examples. It's done via some customized CSS code.

My code examples are either inline using the <CODE> tag or longer code text is wrapped in <PRE> tags.

Examples:

Some inline code and

some
longer
text

How to add CSS customization

In the blogger main menu choose
Template
  Customize
    Advanced
In the list of advanced customizations scroll down to
      Add CSS
and in the text field enter
code {color:#8b0080; background:#ffffff; }
pre  {color:#8b0080; background:#ffffff; border:solid 1px black; }
which shows customizations for CODE and PRE:
  • one setting for the font colour (a kind of purple)
  • one setting for the background colour (white)
    Additionally PRE gets assigned a small black border line.

    I also have another customization for H2 headers:

    h2 { text-transform: capitalize}
    
    which capitalizes text so
      This is a nice text
    is shown as

    This is a nice text

    This example shows nicely that these customizations are added on top i.e. font type, font attributes (bold in this case) etc. remain as defined earlier (in the template definition by the template author).
  • 4 comments:

    1. Harvard Business Review named data scientist the "sexiest job of the 21st century".This Data Science course will cover the whole data life cycle ranging from Data Acquisition and Data Storage using R-Hadoop concepts, Applying modelling through R programming using Machine learning algorithms and illustrate impeccable Data Visualization by leveraging on 'R' capabilities.With companies across industries striving to bring their research and analysis (R&A) departments up to speed, the demand for qualified data scientists is rising.

      data science training in bangalore

      ReplyDelete
    2. myTectra offers Big Data and Hadoop training in Bangalore using Class Room.
      myTectra offers Live Online Big Data and Hadoop training Globally.
      Big Data and Hadoop training Unlike traditional systems, Big Data and Hadoop enables multiple types of analytic workloads to run on the same data, at the same time, at massive scale on industry-standard hardware.myTectra Big Data and Hadoop training is designed to help you become a expert Hadoop developer. myTectra offers Big Data Hadoop Training in Bangalore using Class Room. myTectra offers Live Online Big Data and Hadoop training Globally.

      hadoop training in bangalore

      ReplyDelete
    3. Python has adopted as a language of choice for almost all the domain in IT including the most trending technologies such as Artificial Intelligence, Machine Learning, Data Science, Internet of Things (IoT), Cloud Computing technologies such as AWS, OpenStack, VMware, Google Cloud, etc.., Big Data Analytics, DevOps and Python is prepared language in traditional IT domain such as Web Application Development, Infrastructure Automation ,Software Testing, Mobile Testing.

      python online training

      ReplyDelete
    4. Gaining Python certifications will validate your skills and advance your career.
      python certification

      ReplyDelete