Niko
  • Administrator

      Reputation : 319
      Registered on : 2012-02-22
      Posts : 2366
      School of codes courses: coming soon
    CSS3: Edit a specific object style

    Description


    The web is updated every day and on web 2.0 there are some coding languages called CSS3 and HTML5. With this languages we can edit the style of specific objects in our html pages; here you are some examples and how they work

    Set up


    This is the basic code:

    Code: Select Content
    tagname[attribute="value"] {
    here css;
    }


    From this code you can edit tagname with the tag name... Here you are a list of some tags:


    Type of tagTagname
  • URL link html
  • a
  • Image html
  • img
  • Text
  • font
  • iFrame
  • frame


    Customize the tutorial


    For example if you want to edit the style of this image (https://i.servimg.com/u/f49/17/19/90/23/logo11.png) you have to use this CSS code:

    Code: Select Content
    img[src="https://i.servimg.com/u/f49/17/19/90/23/logo11.png"] {
    here css;
    }


    As you can notice the attribute changed to the attribute added in the code. You have just to change it!

    Technical problems


    The tutorial was tested on this forum and with the browser Google Chrome; If you notice that the tutorial doesn't work for a browser or for a version of forum (PhpBB2, PhpBB3, PunBB, Invision) contact an administrator and we will fill this field with your reporting.

    Thanks, the staff
    For every problem or question please, contact us in the section Support for the tutorials, The staff will answer you as soon as it is possible...


    Friendly,
    The team of the Forum of Codes.



    Niko wants you in the team Guest

    Community manager and Administrator at Forumattivo.com