PDA

View Full Version : Advertising UBUNTU on our web sites



nexx
July 17th, 2010, 01:00 AM
For all webmasters loving ubuntu, I have this idea, why not display a simple text ad that takes nearly no place. I have tried this:

<h5>Surf <span class="warning">Secure</span>, Surf <span class="warning">Fast</span>, Surf <a href="http://www.ubuntu.com/">UBUNTU</a> <span class="warning">!</span></h5>


Surf secure, surf Fast, surf Ubuntu !
May be I should add surf Chrome on Ubuntu ????


Do you think it is a good idea ?


You can see the result at the top of www.artimap.com

Tibuda
July 17th, 2010, 01:06 AM
http://www.blastfromthepast.se/linuxbadges/

nexx
July 17th, 2010, 01:39 AM
Text ads are very easy to integrate, take no bandwith (time to load the image). They may need some styling with CSS optionaly. A near 0 cost 0 troubles fast solution.

Dustin2128
July 17th, 2010, 01:55 AM
or have links to distros which best support each claim

<h5>Surf <span class="warning"><a href="http://fedoraproject.org/">Secure</a></span>, Surf <span class="warning"><a href="www.archlinux.org/">Fast</a></span>, Surf <a href="http://www.ubuntu.com/">UBUNTU</a> <span class="warning">!</span></h5>
Secure (http://fedoraproject.org/)
Fast (http://www.archlinux.org)
Ubuntu (http://www.ubuntu.com)

nexx
July 17th, 2010, 01:56 AM
I like the idea, trying it right now

OUPS www.archlinux.org seems broken, any better idea for a fast linux distribution ?

in the meantime this was only some html bug

this one works:


<h5>Surf <span class="warning"><a href="http://tinfoilhat.shmoo.com/">Secure</a></span>, Surf <span class="warning"><a href="http://www.archlinux.org/">Fast</a></span>, Surf <a href="http://www.ubuntu.com/">UBUNTU</a> <span class="warning">!</span></h5>


nice :popcorn:

looks good at the top of www.artimap.com

Dustin2128
July 17th, 2010, 02:02 AM
I like the idea, trying it right now

hope you realize that you might not want to put fast (seperate link) secure (seperate link) ubuntu. You might want to put fast(link), secure(link), (ubuntu description & link), linux! (distrowatch)

nexx
July 17th, 2010, 02:19 AM
hope you realize that you might not want to put fast (seperate link) secure (seperate link) ubuntu. You might want to put fast(link), secure(link), (ubuntu description & link), linux! (distrowatch)

I Like the trio of "surf" (its like soap advertising, very classical), everything seem to be about surfing the web these days... And the amount of text seem to be optimal for a small text ad you can put anywhere easily.

I have added some title attribute to ubuntu so that when you hover it displays: "Fast, Beautiful, Safe and Secure"


<h5>Surf <span class="warning"><a href="http://tinfoilhat.shmoo.com/">Secure</a></span>, Surf <span class="warning"><a href="http://www.archlinux.org/">Fast</a></span>, Surf <a href="http://www.ubuntu.com/" title="Fast, Beautiful, Safe and Secure">UBUNTU</a> <span class="warning">!</span></h5>

nexx
July 17th, 2010, 02:22 AM
even better:

<h5>Surf <span class="warning"><a href="http://tinfoilhat.shmoo.com/">Secure</a></span>, Surf <span class="warning"><a href="http://www.archlinux.org/">Fast</a></span>, Surf <a href="http://www.ubuntu.com/" title="Finally a Fast, Beautiful, Safe and Secure Operating System with Tons of Free Software and Great Community !">UBUNTU</a> !</h5>


on www.artimap.com

NightwishFan
July 17th, 2010, 02:38 AM
Most distributions work nearly the same. ](*,)

nexx
July 17th, 2010, 02:41 AM
added DISTROWATCH.COM TO THE ADVERTISEMENT:


<h5><a href="http://distrowatch.com/">Linux:</a> Surf <span class="warning"><a href="http://tinfoilhat.shmoo.com/">Secure</a></span>, Surf <span class="warning"><a href="http://www.archlinux.org/">Fast</a></span>, Surf <a href="http://www.ubuntu.com/" title="Finally a Fast, Beautiful, Safe and Secure Operating System with Tons of Free Software and Great Community !">UBUNTU</a> !</h5>

Dustin2128
July 17th, 2010, 02:43 AM
added DISTROWATCH.COM TO THE ADVERTISEMENT:


<h5><a href="http://distrowatch.com/">Linux:</a> Surf <span class="warning"><a href="http://tinfoilhat.shmoo.com/">Secure</a></span>, Surf <span class="warning"><a href="http://www.archlinux.org/">Fast</a></span>, Surf <a href="http://www.ubuntu.com/" title="Finally a Fast, Beautiful, Safe and Secure Operating System with Tons of Free Software and Great Community !">UBUNTU</a> !</h5>

Don't put tinfoil hat in, it's ancient; almost as old as windows xp. Stick fedora in or something.


Most distributions work nearly the same. ](*,)

In the end, yes, but as far as a base install goes, you'll find arch far faster than even lubuntu.

nexx
July 17th, 2010, 02:58 AM
For Secure, I think REDHAT is a good, choice so:

<h5><a href="http://distrowatch.com/">Linux:</a> Surf <a href="http://redhat.com/">Secure</a>, Surf <a href="http://www.archlinux.org/">Fast</a>, Surf <a href="http://www.ubuntu.com/" title="Finally a Fast, Beautiful, Safe and Secure Operating System with Tons of Free Software and Great Community !">UBUNTU</a> !</h5>

Dustin2128
July 17th, 2010, 03:01 AM
Use the code tags please.

nexx
July 17th, 2010, 03:03 AM
<h5><a href="http://distrowatch.com/">Linux:</a> Surf <a href="http://redhat.com/">Secure</a>, Surf <a href="http://www.archlinux.org/">Fast</a>, Surf <a href="http://www.ubuntu.com/" title="Finally a Fast, Beautiful, Safe and Secure Operating System with Tons of Free Software and Great Community !">UBUNTU</a> !</h5>

NightwishFan
July 17th, 2010, 07:50 AM
Faster is relative and has varied meanings.. Also most distributions can be made "fast" anyway. My point is the main popular Linux based distributions are all general purpose operating systems that run nearly all the same software. The main difference and perhaps the most important ones are the release schedules and development, as well as support and community.

nexx
July 20th, 2010, 12:34 AM
Finally settled for:
HTML



<h5 id="ubuntu"><a href="http://distrowatch.com/">Linux</a>: <a href="http://redhat.com/">Secure</a>, <a href="http://www.archlinux.org/">Fast</a>, <a href="http://www.ubuntu.com/" title="Finally a Fast, Beautiful, Safe and Secure Operating System with Tons of Free Software and Great Community !">Ubuntu</a> !</h5>


CSS



#ubuntu
{
color:#F6F6B9;
font-size:18px;
width:100%;
display:block;
position:absolute;
top:4px;
left:0;
}

#ubuntu a:link,
#ubuntu a:visited
{
color:#FFA500
}

#ubuntu a:hover
{
color:#FCB129;
text-transform:uppercase;
font-size:20px;
}


It gives an APPLE like menu effect. I may use it later for the www.artimap.com or www.ogbuzz.com top menus.
:biggrin:

Dustin2128
July 20th, 2010, 01:14 AM
Finally settled for:
HTML



<h5 id="ubuntu"><a href="http://distrowatch.com/">Linux</a>: <a href="http://redhat.com/">Secure</a>, <a href="http://www.archlinux.org/">Fast</a>, <a href="http://www.ubuntu.com/" title="Finally a Fast, Beautiful, Safe and Secure Operating System with Tons of Free Software and Great Community !">Ubuntu</a> !</h5>


CSS



#ubuntu
{
color:#F6F6B9;
font-size:18px;
width:100%;
display:block;
position:absolute;
top:4px;
left:0;
}

#ubuntu a:link,
#ubuntu a:visited
{
color:#FFA500
}

#ubuntu a:hover
{
color:#FCB129;
text-transform:uppercase;
font-size:20px;
}


It gives an APPLE like menu effect. I may use it later for the www.artimap.com or www.ogbuzz.com top menus.
:biggrin:
Nice, but use something like Surf Fast, Surf secure, Surf Easy or whatever you want for an ubuntu description; not just ubuntu.

Sporkman
July 20th, 2010, 03:08 AM
or have links to distros which best support each claim

<h5>Surf <span class="warning"><a href="http://fedoraproject.org/">Secure</a></span>, Surf <span class="warning"><a href="www.archlinux.org/">Fast</a></span>, Surf <a href="http://www.ubuntu.com/">UBUNTU</a> <span class="warning">!</span></h5>
Secure (http://fedoraproject.org/)
Fast (http://www.archlinux.org)
Ubuntu (http://www.ubuntu.com)

All three of those should link to Ubuntu.

nexx
July 20th, 2010, 04:07 AM
All three of those should link to Ubuntu.

This idea seems the best update: it's an ad, ad's are centered toward an precise objective, trying:
CSS



#ubuntu
{
color:#F6F6B9;
font-size:22px;
width:100%;
display:block;
position:absolute;
padding:0;
top:0;
left:0;
}

#ubuntu a:link,
#ubuntu a:visited
{
color:#FCB129;
}

#ubuntu a:hover
{
color:#FFA500;
text-transform:uppercase;
font-size:25px;
}


HTML



<h5 id="ubuntu"><a href="http://www.ubuntu.com/">Beautiful</a>, <a href="http://www.ubuntu.com/">Secure</a>, <a href="http://www.ubuntu.com/">Fast</a>: <a href="http://www.ubuntu.com/" title="Surf the Web with a Fast, Beautiful, Safe and Secure Operating System and get Tons of Free Software and a Great Community !">Ubuntu</a>!</h5>




Beautiful, Secure, Fast: Ubuntu!

juancarlospaco
July 20th, 2010, 05:50 AM
Make an HTML5 based one

Dustin2128
July 20th, 2010, 07:19 AM
Make an HTML5 based one
Yeah, you could probably make it look pretty sweet.

nexx
July 20th, 2010, 01:39 PM
Right, a HTML 5 text-based ubuntu ad could incorporate some of the new css transition effects. I will have to make a little bit of research...

In the mean time I have reworded the text the user will see when the mouse is hovering the word Ubuntu:

Surf the Web with a Fast, Beautiful, Safe and Secure Operating System and get Tons of Free Quality Software plus a Great Community !

nexx
July 22nd, 2010, 01:09 AM
Got a new Idea:

Beautiful, Powerful, Secure: Ubuntu!


<h5 id="ubuntu"><a href="http://www.ubuntu.com/">Beautiful</a>, <a href="http://www.ubuntu.com/">Powerful</a>, <a href="http://www.ubuntu.com/">Secure</a>: <a href="http://www.ubuntu.com/" title="Surf the Web with a Fast, Beautiful, Safe and Secure Operating System and get Tons of Free Quality Software plus a Great Community !">Ubuntu</a>!</h5>



<h5 id="ubuntu"><a href="http://www.ubuntu.com/">Beautiful</a>, <a href="http://www.ubuntu.com/">Powerful</a>, <a href="http://www.ubuntu.com/">Secure</a>: <a href="http://www.ubuntu.com/" title="Surf the Web with a Fast, Beautiful, Safe and Secure Operating System and get Tons of Free Quality Software plus a Great Community !">Ubuntu</a>!</h5>


still thinking about the html 5 one::KS:KS:KS:KS:KS

Merk42
July 22nd, 2010, 03:45 AM
Right, a HTML 5 text-based ubuntu ad could incorporate some of the new css transition effects. I will have to make a little bit of research...

In the mean time I have reworded the text the user will see when the mouse is hovering the word Ubuntu:

Surf the Web with a Fast, Beautiful, Safe and Secure Operating System and get Tons of Free Quality Software plus a Great Community !

Well technically that would be a CSS3 ad, you don't need an HTML5 doctype to do CSS3.

Frankly I have no idea what would constitute an HTML5 ad.
Maybe a video since that's the only thing HTML5 is HURRR

nexx
December 14th, 2010, 11:08 PM
Finally settled for a very simple "made with ubuntu" link at the bottom of each page of www.artimap.com New 2011 Art Galleries OGBUZZ.js javascript search-engine model

slackthumbz
December 15th, 2010, 05:02 PM
This would look so ugly and out of place on my site. I might put a link to distrowatch in my sidebar though....

Oh yeah, and my site runs on Debian ;) ....