Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Atahualpa 3 Wordpress theme (http://forum.bytesforall.com/forumdisplay.php?f=2)
-   -   Showing Off - Part II (http://forum.bytesforall.com/showthread.php?t=9492)

tad1073 Jul 24, 2013 08:47 AM

I got it the way I want it, finally!

http://atadtek.dyndns.org/blog

SharonJ Jul 24, 2013 09:27 AM

My only comment would be about the huge white space in the centre and the very long right sidebar on the main pages. I would be tempted to make the number showing in your archives from ten to five perhaps and the number of tweets showing three with the slider bar giving people options to see more.

I would make your style sheet and javascript external to cut down on the amount of coding before your content (ATO/ Configure CSS and JS at the bottom)

I also think the 3d tag cloud is fun.

tad1073 Jul 25, 2013 01:42 AM

I don't know about the white space, I using Linux's chromium browser which is basically google chrome and my browser window is 1240x900. When I maximize my browser, the logo gets centered and my header image doesn't fill the entire width but that is because of the image. Here is how I see it at 1240x900

1240x900

and here it is at full screen.
Full Screen
I fixed that problem. :)


Quote:

Originally Posted by SharonJ (Post 102521)
I would make your style sheet and javascript external to cut down on the amount of coding before your content (ATO/ Configure CSS and JS at the bottom)

I don't know how to do that but I will google it.

keith_h Jul 31, 2013 04:45 PM

The finished article now migrated to its new home.

http://www.wholehearted.com.au/

Thanks again for the support with my questions.

SharonJ Jul 31, 2013 08:18 PM

Hi Keith. This looks great. I have a couple of suggestions around content, which you can toss if you want. I am not immediately clear what you can do for me when I go to your page. Perhaps I have done a search for corporate retreats and found your page...what will make me stay beyond the nice design?

You have about 5 seconds to let people know they have come to the right place. So I am suggesting something like this close to the top:

Are you a company that:
* needs a place for executives to retreat to develop a strategic plan
* wants the time to plan for a cultural change
* desires to work out a way to develop authentic leadership

Are you an individual that
* something something
* something something
* something something

So now, I see examples right on the front page of the work you do.

Also, there is no "call to action." i.e. "If you are ready to talk, we are ready to listen! Why not call us today?" (with a link to the contact page.

keith_h Aug 1, 2013 06:12 AM

Thanks Sharon. I'll feed that back to the team that developed the content.

stevesien Aug 8, 2013 12:31 AM

http://www.mui.co.jp

http://www.redroof.jp/

http://www.djd-vine.com

http://najapan.org/okinawa/

http://setup.core.glbb.ne.jp/work/

Some of mine, I find Atahualpa to be very versatile. Love it.
Steve

SharonJ Aug 8, 2013 08:25 AM

Hi Steve

http://www.djd-vine.com is not a WordPress or Atahualpa site
http://setup.core.glbb.ne.jp/work/ is not a WordPress or Atahualpa site


The redroofschool site is nice, but it is disorienting to go to a completely different design for Games and Blog and to have to use the back button to return to the site. Best practice is that navigation should be the same on all pages.

The rounded banner is a nice feature on a couple of these

stevesien Aug 11, 2013 10:22 AM

Hi Sharon ,
No, they are Wordpress and atahualpa with custom pages.

Yeah I agree about the navigation, but I wanted the games to be different for the kids.
And the blog is an external site.

Steve

SharonJ Aug 11, 2013 12:16 PM

Woops, I see now that the form is Atahualpa. My error, I apologize. But as for the other one, when I check the source, I see no wp coding, and when I checked it here:
http://whatwpthemeisthat.com/
...it tells me "www.djd-vine.com/ does not appear to be a WordPress site."

Still, I like it, I like the retro background.

lmilesw Aug 11, 2013 12:26 PM

The home page fore www.djd-vine.com does not appear to be WP but all the "inside" pages show Atahualpa as the theme.

SharonJ Aug 11, 2013 12:37 PM

AHA!! My only suggestion would be to make the CSS and JS external (down at the bottom of Atahualpa Options.

That way, your actual content is closer to the top of the page and I believe it loads faster if I am not mistaken.

stevesien Aug 13, 2013 08:02 PM

Ok good idea thanks.

swimflyfast2 Aug 13, 2013 09:28 PM

Beta for Postal Swim Meet
Almost done!

SharonJ Aug 13, 2013 10:04 PM

Really nice! I like the banner photo..very action packed.

I would actually like to see a video on this front page, maybe under "Distance is Relative" of a spectacular butterfly stroke swimmer or something...just something a little interactive. Even a wp-cycle plug in photo gallery, so that something moves, since this is all about movement.

What is the nifty registration fly out called?

swimflyfast2 Aug 15, 2013 07:22 PM

Quote:

Originally Posted by SharonJ (Post 102969)
Really nice! I like the banner photo..very action packed.

I would actually like to see a video on this front page, maybe under "Distance is Relative" of a spectacular butterfly stroke swimmer or something...just something a little interactive. Even a wp-cycle plug in photo gallery, so that something moves, since this is all about movement.

What is the nifty registration fly out called?

The Fly out is called Tab Slide. It is a new one. You can only have one. I'd like to have the ability to have a few on different pages. I'm trying to ID all the elements so I can apply CSS to it. I hope the author keeps working on it. It is very simple.
Yes to the video We are planning on capturing a few and thats a good idea to put one there. thanks..

SharonJ Aug 16, 2013 11:48 AM

Thank you! I can hardly wait to try it out!

swimflyfast2 Aug 19, 2013 12:03 AM

Quote:

Originally Posted by SharonJ (Post 102969)
I would actually like to see a video on this front page, maybe under "Distance is Relative" of a spectacular butterfly stroke swimmer or something...just something a little interactive. Even a wp-cycle plug in photo gallery, so that something moves, since this is all about movement.

OK, I drove down to VA beach over the weekend and had my wife do a quick video.
www.swimflyfast.com It was a little rough in the water

SharonJ Aug 19, 2013 09:51 AM

Wow! That is super! Just what it needed! Your first banner is gone. I liked that. You do have a couple of different banners, but why don't you put them all in the header folder and allow them to rotate rther than assign banners to certain pages?

Also, it is a good idea to make your js and css external (Theme Options, down at the bottom)

This is coming along beautifully.

swimflyfast2 Aug 19, 2013 10:07 AM

Quote:

Originally Posted by SharonJ (Post 103096)
Wow! That is super! Just what it needed! Your first banner is gone. I liked that. You do have a couple of different banners, but why don't you put them all in the header folder and allow them to rotate rther than assign banners to certain pages?

Also, it is a good idea to make your js and css external (Theme Options, down at the bottom)

This is coming along beautifully.

Thanks Sharon. I have the banners set to change each time someone moves to another page/post, not fixed to a page, I'll set it up to rotate. Need lesson on how to externalize css and js and why. The header images are place holders until later this week when I'll start promoting the site. I'll have a cleaner version of the video too. I have some better images and am thinking about making them smaller to use the real-estate to the right for ads. or incorporate sponsor logos in the images. It's a challenge to figure a good balance between promoting the event and promoting sponsors!

The little announcement line under the header image is from a plugin called "Announcement ticker highlighter scroller. Another easy one to use.

SharonJ Aug 19, 2013 01:22 PM

Please forgive the lousy sound, but here is how you make your JS and CSS files external. It is very easy. http://www.youtube.com/watch?v=zejp7ske4Nw

Ber|Art Aug 30, 2013 04:38 AM

New site with transparancy and backgrounds: http://www.plantpack.net/ :)

juggledad Aug 30, 2013 04:46 AM

Shouldn't 'mould' be 'mold'? At least in the US that's what it is

Oops, now I see that that is the British variant of 'mold'

Ber|Art Aug 30, 2013 04:48 AM

Both OK I guess: http://en.wikipedia.org/wiki/Mold

In all senses of the word. Both spellings have been used since the sixteenth century.[154] In Canada, both words have wide currency.[155] When speaking of the noun describing a form for casting a shape, the US will also use the "mould" spelling, but defaults to "mold" when referring to the fruiting bodies of tiny fungi. In New Zealand, "mold" is the spelling adopted when describing a form for casting a shape while "mould" is used when referring to a fungus

Ber|Art Aug 30, 2013 04:49 AM

But what do think about the site? ;)

juggledad Aug 30, 2013 04:54 AM

Quote:

But what do think about the site?
Well it seems kind of empty of poco tent :p

Looks nice, the only thing I see is that on my ipad, the background loads after everything else and causes a slight shift of the page.

Ber|Art Aug 30, 2013 04:55 AM

Thx! ist's not completely finished ;)

juggledad Aug 30, 2013 05:16 AM

you should reduce the quality of the background images. The bike is 315K! I was able to reduce it's quality 95% - to 86K and there is very little noticable loss of image. (I did it on a Mac using EasyCrop)

Ber|Art Aug 30, 2013 05:32 AM

Good tip I amgoing to do that right away, thx! :)

swimflyfast2 Aug 30, 2013 06:29 AM

Ber\Art This is one of the best ones I have seen! Congratulations!

Ber|Art Aug 30, 2013 06:30 AM

Thank you very much :)

SharonJ Aug 30, 2013 10:01 AM

I think it is absolutely gorgeous.

I am looking for the css to make the transparency, I see this:

background-color: transparent;
background-image: url("images/plantpack_content_background_03.png");

Is that what does it? Amazing.

GarethP Sep 4, 2013 07:39 AM

Here's my latest - www.qiholistictherapies.co.uk - I know the pricing page needs a little formatting work but the owner is looking to move to a cart type solution (probably ECWID) and I'm trying to educate them in updating the site themselves (for minor updates anyway!)

lmilesw Sep 4, 2013 08:17 AM

@GarethP... Much of your text in the header is barely readable (black text on the dark blue background).

SharonJ Sep 4, 2013 09:42 AM

I have to concur with lmilesw. While this is very tastefully done, I do not have fabulous eyesight and the tiny, pale gray font on the warm gray background is very difficult for me to read. With an aging population, you want to make your font easy to read. I know the body text default is .8 em, but I usually change it to at least 14 or 15px.

Also, the photo of the pink flowers next to the wet rocks has been stretched horizontally without constraint so it looks unprofessional. Make sure that when you are sizing photos to fit your banner that you never just stretch in one direction.

Thirdly, make your CSS/JS an external file. If you view your source code you have many many lines of css, which should be external, as it brings your actual content closer to the top.

I hope you succeed in making the shop internal rather than going to another page, that is quite the transition!

this is a matter of personal taste, but I would space out the navigation items further using something like this in the ATO/HTML/CSS...add something to the right, anyway, it looks all jammed over.

div#menu1 ul.rMenu li a, div#menu2 ul.rMenu li a {
padding: 6px 10px; }

Lastly, when you have 20-30 things in a list, break the list up every five or so with a line break. It is hard to read text that dense, especially when it is that small.

As for training, I usually do 1/2 or 3/4 of an hour of training with my customers, and then I provide them with a link to my page where I have links to youtube videos I have made. Basic how to open a page, upload media, create links etc. I use something called Active Presenter, which is easy to use and which has a great export feature, you can turn it into anything you want.

If they are your videos in your voice, then it reaffirms for them that you are their webmaster, not some Canadian person with a whole bunch of Youtube videos ;)

GarethP Sep 5, 2013 03:32 AM

Thanks for your comments - I have already implemented the menu spacing and external CSS :).

I will pass on the colour comments to the owner - but I agree (especially as I am colour-blind) about the black on dark grey, but the owner has insisted to try and keep the site calming... Keep looking, you may see some changes soon!

Unfortunately the store that is currently linked in the menu must remain as is - something to do with the affiliate licencing, but a demo of the 'on-site' store can be seen at

www.qiholistictherapies.co.uk/store

ECWID integrates quite nicely with Wordpress (some minor colour updates required here too)

SharonJ - not sure what you mean by;

Quote:

the photo of the pink flowers next to the wet rocks has been stretched horizontally without constraint
I've all the banner images here - the site is fixed width 990px so there should be no dynamic stretching??? they are all 990px crops out of much larger images - no other resizing involved???

Which image is it?

1.
http://www.qiholistictherapies.co.uk...er/header1.jpg

2.
http://www.qiholistictherapies.co.uk...er/header2.jpg

3.
http://www.qiholistictherapies.co.uk...er/header3.jpg

neodcb77 Sep 12, 2013 12:23 PM

Hello, here are some examples of my design:

http://jardins-sioracois.fr/
http://jjlbjeux.neoxos.com/
http://quenambr.neoxos.com/
http://www.assurances-asc.fr/

SharonJ Sep 13, 2013 12:00 PM

Quote:

I've all the banner images here - the site is fixed width 990px so there should be no dynamic stretching??? they are all 990px crops out of much larger images - no other resizing involved???

Which image is it?


2.
http://www.qiholistictherapies.co.uk...er/header2.jpg

Sorry it took so long to respond, Gareth. Image 2 is stretched further horizontally than it should be. It should, in fact, be only 850 px wide to be constrained properly:

http://jacksononthemoon.com/bytesfor...tended-not.jpg

You can see that the flowers are a more natural shape. Here i have corrected it for you to 990 px wide:

http://jacksononthemoon.com/bytesfor...s-repaired.jpg

I hope this is helpful

SharonJ Sep 13, 2013 12:24 PM

Just checked your page out again and wanted to subscribe. it will not accept my email, I tried it twice. Is there a problem? My information was correct.

My other comment is that you are in danger of "tastefulling yourself to death." Gray on gray is very chic, but at some point becomes barely readable.

http://jacksononthemoon.com/bytesforall/grayongray.JPG

i wear glasses, but even so, I have to strain to see the lettering on the tabs at the top. This is called contrast ratio, and yours is (for me) far too low.

GarethP Sep 19, 2013 05:14 AM

Quote:

Originally Posted by SharonJ (Post 103680)
Sorry it took so long to respond, Gareth. Image 2 is stretched further horizontally than it should be. It should, in fact, be only 850 px wide to be constrained properly:

http://jacksononthemoon.com/bytesfor...tended-not.jpg

You can see that the flowers are a more natural shape. Here i have corrected it for you to 990 px wide:

http://jacksononthemoon.com/bytesfor...s-repaired.jpg

I hope this is helpful

Thanks Sharon - something obviously gone wrong with my image processing!! I'll revisit the original and get a proper sized crop out!


All times are GMT -6. The time now is 07:33 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.