Menu
Advertisement
UI Docs
Getting Started New in 2.4
Introduction
Integrations Build Tools Recipes Glossary
Usage
Theming Layouts
Globals
Reset Site
Elements
Button Container Divider Flag Header Icon Image Input Label List Loader Placeholder Rail Reveal Segment Step
Collections
Breadcrumb Form Grid Menu Message Table
Views
Advertisement Card Comment Feed Item Statistic
Modules
Accordion Checkbox Dimmer Dropdown Embed Modal Popup Progress Rating Search Shape Sidebar Sticky Tab Transition
Behaviors
API Form Validation Visibility

Advertisement
An ad displays third-party promotional content

Download

UI Framework

Themable
Build Tools
Choose

Standalone

Default Theme
Precompiled
Choose
Semantic UI
Download ZIP Getting Started

Package Managers

Standalone Advertisement
Download ZIP View GitHub

Package Managers

Advertisement

Types
AdCommon UnitsMobileRectangleButtonSkyscraperBannerLeaderboardsPanoramaNetboard
Variations
CenteredTest

Types

Ad

A standard ad

The following example uses a basic AdSense implementation. Your code will vary depending on your ad network.

Common Units

An advertisement can appear in common ad unit sizes

These additional examples use the test variation to appear on the page. ui ad is best used as a wrapper for third party ad network content like AdSense or DoubleClick.

Mobile

An ad can use common mobile ad sizes

Mobile ads will automatically only appear on mobile browser viewports

Rectangle

An ad can use a common rectangle ad unit size

Button

An ad can use button ad unit size

Skyscraper

An ad can use skyscraper ad unit size

Banner

An ad can use banner ad unit size

Leaderboards

An ad can use leaderboard ad unit size

Panorama

An ad can use panorama ad unit size

Netboard

An ad can use netboard ad unit size

Variations

Centered

An advertisement can appear centered

Test

A advertisement can be formatted to help verify placement

You can adjust the text displayed for your test ad placement by changing the value of data-text

Community

Help Translate Submit an Issue Join our Chat CLA

Network

GitHub Repo User Forums 1.x Docs 0.x Docs

Help Preserve This Project

Support for the continued development of Semantic UI comes directly from the community.

Free & Open Source (MIT)
The Translation Needs Your Help

This translation is only % complete!

We need your help to make Semantic available to people who speak your language.

Our translation tools are easy to use and allow you to translate text without having to leave the site.

No Thanks
Help Translate
Would you like to visit the mirror site?

Semantic is available at semantic-ui.cn a mirror site hosted inside China. This should make browsing much faster for those visiting from mainland China.

No Thanks
Yes, take me to the mirror

Dimmer Message
Dimmer sub-header