News:

Create A Forum Installed

Author Topic: [2] Finding an element to modify  (Read 5487 times)

0 Members and 2 Guests are viewing this topic.

Offline aIURbliS

  • Hero Member
  • *****
  • Posts: 1215
  • Karma: 45
  • Gender: Male
  • Location: U.S.
    • View Profile

Badges: (View All)
Level 6 Sixth year Anniversary Fifth year Anniversary
[2] Finding an element to modify
« on: November 26, 2012, 04:30:27 am »
This guide will be using pictures and contain instructions that are specific to Google Chrome. Instructions will vary from browser to browser so use Google Chrome as you read and follow this guide.


1) Highlight an area you want to modify

2) Right click and click on Inspect Element
3) A box, known as the Developer Tools, will appear on the bottom of the screen with a line of code highlighted, move your cursor on the highlighted line of code
4) Highlighted areas on your screen will correspond to the line of code that your cursor is on, make sure it's the right area you'd like to modify
5) At the very bottom of the developer tools will have a highlighted box that will contain your element and extra info that will be necessary to modify it with CSS, in this case it is li.greeting
« Last Edit: November 26, 2012, 04:49:11 am by xboi209 »
All codes I make are tested on the latest version of Google Chrome and upon request of other browsers.

Share on Facebook Share on Twitter


Offline Kalebking

  • Newbie
  • *
  • Posts: 6
  • Karma: -1
  • Gender: Male
  • Asss ass ass
    • View Profile

Badges: (View All)
Karma Bad Avatar Level 2
Re: [2] Finding an element to modify
« Reply #1 on: December 03, 2012, 09:40:46 pm »
And you must be on a laptop or computer in order to do this.
U suck xboi209 U suck xboi209 U suck xboi209 U suck xboi209 U suck xboi209 U suck xboi209 U suck xboi209 U suck xboi209 U suck xboi209 U suck xboi209 U suck xboi209 U suck xboi209 U suck xboi209 U suck xboi209 U suck xboi209 U suck xboi209 U suck xboi209 U suck xboi209 U suck xboi209 U suck xboi209

Offline aIURbliS

  • Hero Member
  • *****
  • Posts: 1215
  • Karma: 45
  • Gender: Male
  • Location: U.S.
    • View Profile

Badges: (View All)
Level 6 Sixth year Anniversary Fifth year Anniversary
Re: [2] Finding an element to modify
« Reply #2 on: December 03, 2012, 11:34:57 pm »
You could be on any device, any web browser, as long as the web browser has a feature to show you the website's source code. I prefer being on a desktop using Google Chrome because using a mouse to point and click is much more faster and Google Chrome highlights the section of the page I put my mouse over.
All codes I make are tested on the latest version of Google Chrome and upon request of other browsers.

Offline StoryGod

  • Newbie
  • *
  • Posts: 9
  • Karma: 0
    • View Profile

Badges: (View All)
Topic Starter First Post Level 1
Re: [2] Finding an element to modify
« Reply #3 on: November 18, 2019, 07:30:55 pm »
This really worked. Thank you. The first time I tried skinning my board, it looked like an unholy mess. The second time I took your advice. I still have a ways to go, but I am getting the look I want. I wish there was a guide that explained each element and how to change it, but I'm slowly putting in eye-easy serifed fonts and simplifying the design. I'll have to create the boards soon and then I'll have to write...

 

Related Topics

  Subject / Started by Replies Last post
3 Replies
4973 Views
Last post September 28, 2013, 08:48:17 pm
by Sara50840
0 Replies
4750 Views
Last post November 26, 2012, 04:41:55 am
by aIURbliS
4 Replies
712 Views
Last post November 23, 2016, 12:53:43 am
by Laina
1 Replies
483 Views
Last post April 13, 2018, 02:31:39 pm
by CreateAForum
0 Replies
567 Views
Last post July 02, 2023, 09:54:21 pm
by cp8759