Jump to content
New Security Feature: You must use your registered email address to login instead of your username! ×

CURRENT EVENT

Happy Lunar New Year fellow Haveners! We're celebrating the Year of the

Rabbit, with a new and exciting drawing prompt. If you're interested please

come and join us for the festivities!

Read more

IMPORTANT WEBSITE UPDATE

As you may have noticed, the website looks a little different recently.

There are a few things to address as to why this is happening,

what is currently not available, and what is being planned. 

Read more
  • Join Art Haven

    Hey there, it looks like you're browsing Art Haven as a guest. If you're enjoying the content our members are creating, please consider signing up for an account to unlock full access to all of our features.  It's quick, easy, completely free, and you'll be supporting the growth of our community and its creators!

     

    We can't wait to meet you.

    :pblushing:

     

     

  • [Google Docs] How to make a Table!


     Share

    MAKING A TABLE

    So u wanna learn how to make a table huh, well buckle up for the ride of a LIFE TIME!

    Jk. On a more serious note, this is method of making a table is different from what you would normally be used to. In order to make this sort of table, Google docs will be your best friend.

     

    Google Docs is free for all and you can access this using your gmail account. If you do not have a gmail account, you can simply make one by going here:

     

    https://accounts.google.com/SignUp

     

    From there, you can go to google drive (which is also free with your gmail account) and create a new document.

    Note: Making a table is a little more time consuming, but well worth it and easier to maneuver in the long run.

     

    Step One

    Description

    The idea

    So since you have a lot more freedom in the way you’d like your tables to be, be sure you prepare beforehand and have some sort of layout you’d like to have in mind.

     

    Of course you can just wing it and ignore this step, but it’ll be a lot easier if you already have an idea of what you’d want to do.

    Notes

    • Keep in mind any border lines you'd like to have.
    •  
    • Have a color scheme ready.
    •  
    • Consider different style borders (dotted, dashed, solid) and sizes (feel free to mix and match).

     

    Something like this would be ideal:

    table_template.png

    Step Two

    Setting up

     

    For this example, we'll start with table template #1. For a color scheme, I'll keep it simple with three colors: #aed9e0 , #8c8c8c, and #ffffff. 

     

    To begin creating a table on Google Docs, you simply go to the "Table" tab and select "Insert a table."

    Spoiler

    tableinserttable.png

     

    You'll want to think of how many boxes you'll need ahead of time. Even if you forget a box, you can always add it later, but again thinking ahead will save you time.

    Table template #1 Is 6 boxes long, So we'll start off by making 6 horizontal boxes:

    Spoiler

    basic boxes 6.png

     

    On rows 4,5, and 6, there is a separation making one row into two "cells" / two "column's." In order to create that separation, you should highlight the box in question and "insert column right."

    Spoiler

    putting-rows-into-two.gif

     

    This will automatically split all your row's in two, but we can adjust rows 1, 2, and 3 to their original position by "merging cells" on those specific rows.

    Spoiler

    merging-rows.gif

     

    From here we can create the basic layout of the desired table:

    Spoiler

    finshedbasictemplate.png

     

    Now lets add some color! You can easily fill a row by selecting it and clicking on this background tool:

    Spoiler

    background color.png

     

    Now that you have chosen your colors and your layout ( I'll add some fancy text for this demonstration) you can go ahead and begin filling it in with text! Leave images for last!

    Spoiler

    fancytext.png

     

    Step Three

     

    Details

     

    Now you'll want to start thinking about how you'd like your borders to be! Remember to keep size and style in mind. For this demonstration i'll have an assortment of dashed, 4px, and 2.5px borders. In order to change the color, size, and style simply click on these tabs:

    Spoiler

    ------------------------Border color----------------------------------------------------- Border Size ----------------------------------------------------Border Style--------------------------------

    border color.pngborder size.pngborderstyle.png

     

    If you want to make your table border-less, you can simply make them 1px / the same color as the table it's touching! For this demonstration I chose to make the colored rows "border-less" and the white rows with a light grey border. To change a specific border, you can simply click on the line you would like to change and change the border color like so:

    Spoiler

    coloring-a-border.gif

     

    Your finished product should resemble this:

    Spoiler

    finished.png

     

    Step Four

     

    Posting your table in a thread/Finishing touches

     

    Now posting your table in a thread is a bit tricky since it now involves the on site editor. Simply copy and paste your table onto a blank post like so:

    Spoiler

    pasting.gif

     

    As you can see, the AH editor will make everything bolded, and you will not be able to un-bold everything until you post the table. After you have posted the table, you can go back in and edit the post and un-bold everything:

    Spoiler

    unbolded.png

     

    To fix anything that may have not transferred over you can press ctrl + right click on your table to open this editor:

    Spoiler

    gasr editor.png

     

    Lets say we want to make this table fill the post and centered. On the editor you can choose "Table Properties" and type in "100%" for width, and "center" for alignment:

    Spoiler

    111111111111111etfhrhfdhgfg.png

     

    From here you can start changing the font, text size and color, images, and anything else/ finishing touches you would like to add to your table! Click post/save and tada! you're done! Once you're finished your table should look a little something like this:
     

    Row 1

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Row 3

    Row 4 Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    aaaaaaa.gif

    Row 5

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    aaaaaaa.gif

    aaaaaaa.gif

    aaaaaaa.gif

     

    PS. you cannot add background images to your tables at this time!

    If you have any questions or concerns, feel free to comment below or PM me!
    If you like this wiki, feel free to leave a review!

    Enjoy!

    -Luxor

    • Like 37
    • Thanks 17
    • Upvote 2
     Share



×
×
  • Create New...

Important Information

By using Art Haven and its features, you agree to our Terms of Use, Guidelines, and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.