YORGOO Media Configure Atahualpa

Africa YORGOO Media is a cus­tomized YORGOO Media Blog based on the Atahualpa Theme. The Atahualpa on YORGOO Media is mod­i­fied to work with Semi­oman­tics tun­ing files. This post shows the cus­tomiza­tion applied to the theme to get the look of Africa YORGOO Media.

PDF ver­sion

First things first: from Appear­ance in your Dash­board Menu select and load Atahualpa. The theme is flex­i­ble and allows cus­tomiza­tion of most any area of the theme. It’s ideal for begin­ners who don’t want to bother with style sheet edit­ing and on a Word­Press MU instal­la­tion, where you don’t have access to FTP, you are able to load images to cus­tomize your theme such as a fav­i­con, a logo and header images.

Now you find under appear­ance a new tab, Atahualpa Theme Options, select it. The Option page opens a menu with 26 tabs lead­ing to spe­cific cus­tomiza­tion sec­tions. I will not dis­cuss them all as the theme can be con­fig­ured to cre­ate thou­sands dif­fer­ent looks; I will just show, what set­tings I used for the Africa YORGOO Media cus­tomiza­tion. My basic cri­te­ria are the color scheme of YORGOO which is Black, Gray and Red. I use basi­cally the fol­low­ing color codes:

Black: 000000

Dark Gray: 333333

Medium Gray: 666666

Red: B30000

To make it sim­ple, I stay within these col­ors for all areas of concern.

I will just indi­cate the tabs selected and the cor­re­spond­ing modifications.

Atahualpa Body Text Links

My link color is close the the black color of the text fonts, here dark gray. The Link Hover (shows when you pass the cur­sor over a hyper­linked word or expres­sion) color is obvi­ously my stan­dard red.

Note: I don’t under­line links, nor edit them in bold fonts.

Here is my selec­tion for the lay­out; I like flex­i­ble width (fluid), and I define min­i­mum and max­i­mum width.

Atahualpa Lay­out

Obvi­ously I want to load my own fav­i­con called y-favicon.ico. You may use it as well by using the below set­tings. If you wish to use your per­sonal fav­i­con, we will load it for you, just send it to yor­GO­help in the cor­rect for­mat as indi­cated on the Atahualpa Fav­i­con page.

Atahualpa Fav­i­con

Header Logo

I just use the default YORGOO Media Logo, a priv­i­lege when your name starts with a Y :-). You can load your own logo fol­low­ing the instruc­tions on the menu: open an exist­ing post and upload your logo with­out insert­ing it into the post. The logo file can be a .jpg, .gif, .png, .bmp for­mat. Just enter the name of the file into the Logo field. My logo is 56x56 px gif; if you want to use the YORGOO Media logo, just leave the entry as is: logo.gif.

Atahualpa YORGOO Media Logo

Atahualpa Header Fonts

As before, I just apply my col­ors and I print in nor­mal and not in default bold.

Atahualpa Header Fonts

Header Styling

Note, I don’t like dashed lines, so either I remove these lines or I print them solid. To make a dashed line solid, just replace the word ‘dashed’ by ‘solid’ in the style sheet entry. To make it dis­ap­pear, either remove the whole line or set the with of the line to 0px (zero pixels).

In the Search Box field, I put the bor­der weight to 0 pix­els, the hor­i­zon­tal bars I print ‘solid’ whereas the first bar with a weight of 2 px and the sec­ond thin­ner with 1 px.

Atahualpa Header Styling

I have cre­ated 8 header pic­tures in the for­mat 1200x150 (cor­re­spond­ing to the max with allowed under the Lay­out def­i­n­i­tion). The pic­tures are named:

atahualpa_header_1.jpg

atahualpa_header_2.jpg

…

atahualpa_header_8.jpg

atahualpa_header_1

atahualpa_header_2

atahualpa_header_3

atahualpa_header_4

atahualpa_header_5

atahualpa_header_6

atahualpa_header_7

atahualpa_header_8

To upload the images, just open an exist­ing post and load them using the same file names as indi­cated and don’t insert the images into the post. You may load as many as you want, just change the num­ber in the image name accordingly.

If you load only one pic­ture, then you are all set. If you load mul­ti­ple pic­tures, then con­fig­ure the rota­tion. My set­tings are to rotate the pic­tures in an inter­val of 10 seconds.

Atahualpa Header Rotator

I don’t want to pre­load the 8 pic­tures as it would slow down the load­ing time of the first page vis­ited. Click­ing on the header will lead vis­i­tors back to the home page.

Opac­ity

I use the default white opac­ity 40% and on a width cor­re­spond­ing to the width of the side­bars on full width.

Atahualpa Header Opacity

Atahualpa Header Opac­ity Right

Most is default, I just delete bor­ders and adapt the colors:

Atahualpa Page Menu Bar

Just adapt color.

Atahualpa Cat­e­gory Menu Bar

I select in the first field to dis­play the pre­vi­ous to the right and next to the left. Then I just mod­ify at the bot­tom the styles by draw­ing ‘solid’ lines and mod­i­fy­ing the color of the lines to my color B3000.

Atahualpa Next/Previous Navigation

Here are my width set­tings for the side­bars as well as the style modifications:

Atahualpa Side­bars

Atahualpa Side­bars Style

Just adjust col­ors as per screen shot. Click on the image to see the orig­i­nal size of the table.

Atahualpa Wid­gets

Just change the bor­der to solid and 2 px as well as adapt the color:

Atahualpa Footer

Then add your Copy­right notice:

Atahualpa Copy­right

The Atahualpa Theme is flex­i­ble and can be adapted to needs eas­ily. Once you know what kinds of styles you like, you just focus on the few mod­i­fi­ca­tions needed to cus­tomize accord­ingly. There is a lot more you could mod­ify as you can see from the Options Menu; how­ever the default set­tings are quite fine on many of these fea­tures. My goal was to quickly have a user friendly site up and run­ning and then move to the next instead of spend­ing hours on the ulti­mate golden cut.

May this tuto­r­ial help.

• header back­ground
• atahualpa enable cat­e­gory menu bar
• cus­tomize atahualpa menu bar
• ata­hallpa a pictures
• back
• bold font in atahualpa menu
• cus­tom atahualpa header font
• cus­tom menu bar atahualpa
• cus­tomize atahualpa
• cus­tomize atahualpa page menu bar