• Home
  • About
  • Contact
  • Advertise

Devlounge

Design, Develop, and Grow

ateşli sevgilisi fantezisini yaşamak istediğini söyler porno ona arkadaşları varken onunla gizli saklı seks yapmak istediğini sikiş söyleyen kız hafta sonu için gelen arkadaşının görmediği bir sikiş açıdan sakso çekmeye başlayınca adamın yarağını bu altyazılı porno şekilde indiremez ve açık şekilde salonda sikişimeye sex izle başladıklarında misafir kızı da bu sekslerine rokettube konuk ederler seks yapacağını düşünmeyerek onun sex izle oyun oynadığını zanneder sabah olur ve herkes uyanır hd porno bu sırada yanında şişme mankenini de getiren sapık erotik hikayeler genç sınav haftası ders çalışan genç adam üvey annesinin sikiş eve gelmesiyle hayatının şokunu yaşar

  • Home
  • Code
  • Design
  • Design Focus
  • Interviews
  • Publishing
  • Strategy
  • Webapps
  • Extras

How To Add Support For Menus In Your WordPress Theme

June 21, 2010 By Lorraine

Are you running WordPress 3.0 yet? If so, you might have come across a nifty little addition called Menus. You’ll find it on your admin Dashboard in the Appearances section, and here’s a little screenshot of how it looks:

As you can see, I’ve set up a new menu named “Lorraine Menu” here, and added various things to it by selecting from the elements on the left side of the page: a link to Devlounge, links to some pages, and so forth.

Also of note is the message beneath Theme Locations that states:

The current theme does not natively support menus, but you can use the “Custom Menu” widget to add any menus you create here to the theme’s sidebar.

So how do I make sure my theme supports these new menus? There are two methods:

The Easy Way: Widgets

If your theme is already widgetized, you probably don’t have to do anything- especially if the menu is meant to go in the sidebar. A user simply needs to add a “Custom Menu” widget from the Widgets screen. If your design includes navigation elsewhere, just add another widgetized area in your functions.php and specific theme template (header.php or sidebar.php, for example).

The More Complicated Method: Native Support

I suspect that most WordPress theme authors will want to add native support for menus in their themes, though- and it’s really not that hard. Here’s how to do it:

Register Menu Locations. The first thing you want to do is add this code to your functions.php file. Let’s set up 2 locations for menus, making sure to replace the “menu-name” texts with your own.:
[php]
add_action( ‘init’, ‘register_my_menus’ );

function register_my_menus() {
register_nav_menus(
array(
‘menu-1’ => __( ‘Menu 1’ ),
‘menu-2’ => __( ‘Menu 2’ )
)
);
}
[/php]

Call Menus from Theme Templates. To specify where you want these locations to be in your theme templates, use this:
[php]
‘menu-1’ ) ); ?>
[/php]
and
[php]
‘menu-2’ ) ); ?>
[/php]

You can learn more about wp_nav_menu and the parameters it supports at the Codex.

And that’s it! It shouldn’t take more than ten minutes- more with styling, of course- to update your existing WordPress themes to natively support 3.0’s Menus feature.

Fun With Border-Radius

June 16, 2010 By Lorraine

Like many other designers, I go through certain “phases” in which I’m particularly enamoured with a certain font, a certain style- even a certain color. Right now, one of the things I’m lovin’ is CSS3’s Border-Radius. Before I started using it, I applied techniques such as Spiffy Corners and Curvy Corners, which- while very good solutions- were a little too bulky for me. Border-Radius, you see, is simplicity itself:

[css]
.box1 {
background-color: #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #000;
padding: 10px;}
[/css]

will give you this:

Now let’s have some fun:

[css]
.box2 {
background-color: #ccff66;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomleft: 25px;
-moz-border-radius-bottomright: 0px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-webkit-border-bottom-right-radius: 0px;
padding: 10px;}
[/css]

produces:

[css]
.box3 {
background-color: #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 2px dashed #999;
padding: 10px;}
[/css]

produces:

and

[css]
.box4 {
background-color: #ffcc66;
-moz-border-radius-topleft: 25px;
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
-webkit-border-top-left-radius: 25px;
-webkit-border-top-right-radius: 25px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
border: 1px solid #ccc;
padding: 10px;}
[/css]

produces:

From these examples, you can get an idea of the possibilities of border-radius. Throw in some box-shadow effects, maybe even a webkit-transform… the key is to play with it.

Now, it’s important to know that Internet Explorer does not support this. For rounded corners in IE, I recommend these methods: DD_roundies (a javascript library), or Curved Corner, which uses a CSS hack.

Do you use border-radius?

Review: Logomyway

June 15, 2010 By Lorraine

You need a logo. As a designer, I’m of the opinion that nearly everything needs a logo- from a multimillion-dollar company to a cookie-baking business. It’s one of the most essential elements of branding.

Which brings me to my review today: Logomyway is a service that

“connects business that need logo designs, t-shirt design, business cards and print ads to a community of more than 5000 designers in over 100 countries who compete to win contests with winnings ranging from $200 to $1000.”

Here’s how it works:

  • Client posts his design needs in a “contest” form.
  • Designers submit designs based on those needs.
  • Client selects a design from the submissions.
  • The Designer of the winning submission earns from $200 to $1000 depending on what the budget of the Client was. Logomyway earns 10% of the winnings.

Clients are able to rate and comment on submissions as they come in, to help clarify things for participating Designers.

A new section on the site is the Marketplace, featuring ready-made logos for Clients to select from and receive, complete with their company name, in 24 hours.

The setup is simple, and familiar- and yes, it does seem a lot like “spec-work”, which is something I personally am strongly against. Designers, especially web designers, are already too undervalued.

That said, I do think Logomyway does its best to protect the interests of both its Clients and its Designers- they provide codes of conduct for both. At the end of the day, it’s clear to me why it’s such a popular service:

It’s popular for Clients, especially those with a limited budget. A professionally designed logo- and yes, I’ve seen quite a few good ones here- for $200 is a bargain. There’s no need to hire a design studio, and there are multiple designers working on your logo at once, which may be a good thing for Clients who don’t know what style they want until they see it.

It’s also popular for Designers, especially those starting out without a proper portfolio. Submitting designs is a way to get extra exposure, and if your submission wins, then you get paid at least $200 (minus the 10% commission fee, of course). There’s no fee for participating- and spending several hours on design submissions is certainly more productive than spending it playing Farmville. Isn’t it?

12 Unique T-Shirt Templates To Download For Free

June 9, 2010 By Lorraine

For t-shirt design work, there’s nothing quite like seeing it on a t-shirt- which is why these free t-shirt templates, in everything from vectors to Photoshop PSDs, are some of the most useful graphics to have in your arsenal.

Vector Valley T-Shirt Template Pack


A small collection of t-shirt vectors in varying styles. Particularly good for icons.

GoPurifyYourself TShirt Vector


The back and front of a plain tee, includes .ai and .psd files.

Emptees Mock-Up Kit


A kit that includes everything from realistic shadow and highlight layers to ten preset backgrounds.

JovDaRipper T-Shirt Template


I particularly like the included “mannequin body” on this Illustrator file, shown from the front and back.

JovDaRipper Male & Female T-Shirt Templates


From the same artist comes these tees in Male and Female styles, again in Illustrator format.

23 PSD T-Shirts


Want something a little more realistic? This collection includes twenty-three shirts of varying styles in PSD format.

Madnessism T-Shirt Vector Templates


Male and Female t-shirt template vectors, very cleanly done.

DesignWar T-Shirt Vectors


Gorgeous t-shirt vectors from three angles (front, back, side) in EPS format.

Black T-Shirt Jpegs


Designing a black shirt? These black tees are high resolution, and include Photoshop clipping masks for ease of use.

TeeModelz


Available in Illustrator, EPS and PDF formats, these templates stand out because most of them are on “models” (or silhouettes).

Atilazz PSD T-Shirt Collection


A PSD collection that includes hoodies, long-sleeved tees, tank tops and more.

27 American Apparel T-Shirt Templates (Direct Download)


I love American Apparel t-shirts. This is a collection of 27 templates of the AA brand of tees, with layers included.

Do you do t-shirt design?

8 Free Classically Beautiful Fonts For Weddings

June 7, 2010 By Lorraine

It’s June, the month for weddings, which are, I’ll admit, one of my favorite things to design for. From Save the Date cards, to invitations, to reply cards, to programmes and menus- Stationery design is a wonderful way to set the tone for your Wedding day.

Which brings me to today’s post. These romantic fonts are elegant, render beautifully, and are all free to download:

Exmouth


If you want truly classic and traditional, Exmouth is it. Unobtrusive and beautifully crafted, its letters are easy to read and suitable for a host of applications.

Ibleum


Ibleum has one-height, spiky letterforms that make it, in my opinion, a wonderful option for invitation envelope wording.

CAC Champagne


CAC Champagne is elegant in a modern way, with lovely curvy numerals.

Billy Argel


Billy Argel is perhaps a bit daring, with some of the most gorgeous swashes I’ve ever seen in a free font. I like it for headlines and titles, such as for a Wedding Programme cover.

Schnitger 1680


You already know I’m a sucker for vintage designs, and Schnitger 1680 has a decidedly vintage look and feel to it, making it perfect for themed weddings.

Shardee


The beautiful Shardee reminds me of the script my mother, a professional Calligrapher, used on my Wedding invitations. It also has a @font-face kit, for use on a Wedding website.

Fortunaschwein


Another one with a vintage feel, Fortunaschwein isn’t a script, but its Old-World, almost handwritten, elegance makes it a classic in my book.

Mutlu Ornamental


Mutlu is ornamental- as you can see- making it another good choice for short text you want to emphasize with a lot of lovely swashes.

Have you, or do you, design Wedding stationery or websites?

Next Page »

Code & Tutorials

Which Front-End Development Languages Will Grow in 2017?

Your Guide to Leveraging APIs as a Developer

Bitcoin Processing Website Integration For Web Developers

Website Security For 2016 That All Developers Need To Know

5 Reasons You Need to Be Using jQuery

About Devlounge

Want to read more about Devlounge, or maybe you want to contact us, or even advertise? Oh, and don't forget to subscribe to updates!

The Best of Devlounge

Larissa Meek

Search