Actions

Work Header

Rating:
Archive Warning:
Fandom:
Additional Tags:
Language:
English
Collections:
Fic In A Box 2022, AO3 & Coding Layouts & Creative References
Stats:
Published:
2022-09-28
Completed:
2022-09-28
Words:
2,667
Chapters:
5/5
Comments:
11
Kudos:
89
Bookmarks:
77
Hits:
1,334

Google Search Suggestions Work Skin & Tutorial

Summary:

A work skin tutorial of a Google Search Suggestions page in AO3.

See Chapter 1 for examples of the work skin with 4 different suggestions types (auto-complete suggestions, recent history, related to recent searches and trending searches), Chapter 2 for an explanation of the CSS work skin, Chapter 3 for the complete CSS code of the work skin, Chapter 4 for explanations of the HTML code and Chapter 5 for the complete HTML code (all 4 types of suggestions).

Notes:

After seeing a Google Search meme, I couldn't resist the temptation of making my own. I decided to recreate the Google Search page in AO3 to share it with anyone who wants to use it in their fics. Enjoy! <3

(See the end of the work for more notes.)

Chapter 1: Google Search Overview

Chapter Text

Have you ever wanted to expose you favourite character's (quite frankly embarrassing) Google search history?

Wait no more!

Here's a simple guide to include a Google search history to your story! It comes in different flavours (auto-complete suggestions, recent history, related to recent searches and trending searches) for extra variety!

Auto-Complete Google Search Suggestions


I am extremely
  • I am extremely bored
  • I am extremely tired
  • I am extremely hungry
  • I am extremely irritable
  • I am extremely sorry
  • I am extremely apologize
  • I am extremely awkward
Google Search
I'm Feeling Lucky
Report inappropriate predictions


Recent History
  • how to hypnotize yourself to forget crush
  • date ideas that aren't awkward
  • first date ideas
  • crush help
  • what do when crush
  • how do you know if you have a crush
  • feeling butterflies
  • stomach ache
Google Search
I'm Feeling Lucky
Report inappropriate predictions


Related to Recent Searches
Related to recent searches
  • no wrap css
  • overflow hidden
  • css prevent line break
  • white-space css
  • white-space no-wrap
Google Search
I'm Feeling Lucky
Report inappropriate predictions


Trending Searches
Trending searches
  • MCU
  • new movies this year
  • best comic books
  • how to get free coffee forever
  • jupiter close to earth photos
  • new imagine dragons album
Google Search
I'm Feeling Lucky
Report inappropriate predictions