onjegolders

I've been thinking again that though most of Bootstrap is superfluos to my needs, what I love about using it, other than the responsive grid of course, is that I can rely on it to work well across all browsers. Not having to worry (too much) about what it looks like in IE is one less big thing to worry about.

You'd just want to use a custom field for the dates. You can still order by custom date fields

I use Typekit and Google Fonts too. A bit confused about Adobe fonts as they also own TypeKit :-

Can you nasty people all stop hurting my poor little head with all these new ridiculously complicated languages! It was only just over a year ago I coded my first little box with a red border in CSS

Welcome, you'll find that PW offers pretty much all of the good bits of EE and none of the drawbacks!

Thanks Diogo, good idea. I may try that though it's sort of the other extreme. I'm afraid clients will completely not know they are there! I think I may do something in CSS but that would mean it would have to be hardcoded... EDIT: Though I could of course just make them normal pages under a page called "Options" or "settings" I suppose. I just like the idea of styling them slightly differently. Maybe a different colour, italic etc...

Thanks, will check it out

I must admit to struggling to get my head around the idea of using pages for everything though I think it's more to do with just how they're displayed in the page tree. It makes complete sense to have them use the same structure but I don't really want to see everything in the tree. Perhaps there could be a way of adding a checkbox with a template (or a page) when creating it where it stores the page under a separate heading at the bottom of the tree (perhaps styled differently with CSS). The more I think of it, the more I think this would be perfect as it would still be a page but you wouldn't have to see: Home About Blog Contact Fonts Settings Form options. Perhaps something more like Home About Blog Contact ------------ Extra settings Settings Fonts Form options

Had a quick look, can't figure out what it is. Is that exactly the same as Zen Coding? Didn't know they'd changed name. Think there may be an overlap with ST2. One of the only problems I've had with Sublime is different plugins and snippets seem to get in the way of each other. A lot of my snippets don't expand any more.

I think in some ways, PW needs to remain true to itself. A huge part of the joy of using is is that it's so intuitive to set things up. Something like Skeleton fits really well because it is simple and gives you a headstart. Having said that I use Bootstrap in most of my projects, so what do I know?! I love the way PW seems to be growing every day but I just don't want to lose any of what makes it so special. Though I'm sure it won't!

Gnome, sounds like you just need another template with exactly the same code as you have above but change the "find" selectors. Which pages do you want to include/exclude? If you can't filter them in your "find" method, you can use an "if statement". Eg: $articles = $pages->find("template=template-news, sort=-newsDate, limit=5"); foreach ($articles as $article) { if ($article->my_field != "") { // show page stuff } }

And at 7am too... God that's early for a web guy! On another note, I was battling away with a jQuery problem all afternoon yesterday and I went to bed really annoyed that I hadn't been able to sort it, I'd just turned out the lights and the problem starts going round my head again, then I had a Eureka moment, jumped out of bed and went and sorted it - went to bed well chuffed! That's the thing I find hardest about this job, leaving things unfinished at the end of the day...

Finally ended up going with a nice plugin (not free) http://demo.wpthemers.net/thumbfx/ The problem still comes about when the overlay's widths are coming off of the "span's" in Twitter Bootstrap rather than the image but I find if I don't set the widths and let the spans take care of it, it all seems to play nicely. This is the sort of thing that takes me aggggges to get my head around but I hope to learn it all for myself one day but for now a plugin works well!

+1, think this has been mentioned a few times, would help with the workflow (only saves a few seconds each time but it adds up)

Can't seem to get this working on my responsive images. But thanks for the help Soma

Thanks so much for that Soma! Looks great but I have no idea if this ought to work with responsive images? You're right about jsfiddle - I do use it, have been today but I often use simpler examples on it and then go back to my bloated code in ST2 after!

Actually, don't think it's working that well.... There must be a better way of doing this! I think now my overlay sizes are getting set but it's getting set by the first image not the closest. Think I may just have to drop this one!

Ant, you might want to use fieldsets. You have to create a fieldset_open and closed as new fields and then when adding fields, place them inside these two and they will display as a different tab on the page forms. It's really good for things like images, videos, settings...

Nice work Joss, pretty damn good for a first site with PW! Need to get that spellchecker on though Were the images you're talking about from image fields or from TinyMCE?

Hmmm think I may have it: $(window).load(function() { $("span.overlay").css('width', function() { return $("a.fancy img").outerWidth(); }); $("span.overlay").css('height', function() { return $("a.fancy img").outerHeight(); }); }); Quite chuffed with myself though I'm sure there are much simpler, more effective ways! Would be interested in seeing if anyone has anything easier to implement? Thanks!

Hi guys, bit off topic here but struggling with a CSS problem. I've been trying to add an overlay on hover to the images around my site which lead to a fancybox. I'm using a responsive framework so it's not all that easy but I've just about managed it in my templates by making the overlay png sizes fit the different breakpoints in the template and it works nicely. My problem is I'm now trying to fit the overlay to images added by the client in TinyMCE. I'm successfully adding the span.overlay using Jquery but I've no idea how to limit the size of it to the size of the image as I have no overall control as to the dimensions. I've attached a screenshot to show my problem. Has anyone else managed to display an overlay in images coming out of their TinyMCE fields? Here's my HTML code: <a class="fancy" rel="<?php echo $page->title; ?>" href="<?php echo $image->url; ?>" title="<?php echo $image->description; ?>"> <div class="overlay_link <?php echo $class; ?>"> <img src="<?php echo $image->size(370, 247)->url; ?>" alt="<?php echo $image->description; ?>" /> <span class="overlay"></span> </div> </a> And the CSS: .overlay_link { position: relative; } .overlay_link img { } .overlay { /*black(ish) overlay*/ /* background: #111; background: rgb(34, 34, 34); background: rgba(34, 34, 34, 0.8); */ /*orange overlay*/ background: #d87b37; background: rgb(216, 123, 55); background: rgba(216, 123, 55, 0.8); background: url(images/patterns/overlay.png) center center; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; position: absolute; top: 0; left: 0; width: 370px; height: 247px; max-width: 100%; max-height: 247px; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .overlay_link:hover .overlay { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } And the JS $(document).ready(function() { $(".body_copy a:has(img)").addClass('fancy').attr({ rel: pageName, title: function() { return $(this).find("img").attr("alt"); } }); }); $(document).ready(function() { $('a.fancy').each(function() { $(this).find('img').wrapAll('<div class="overlay_link" />'); }); $(".body_copy img").after('<span class="overlay" />'); });

Love the Pebbles the Puppy website Joss!

Ant, Stick with it is all I can say. Neil's right, you'll get by with essentially Getting the page/fields you want through the API $blog_entries = $pages->find("template=blog_entry"); and looping through the content foreach ($blog_entries as $entry) { echo "<h2>$blog->title</h2>; } Essentially all you need to do most of the time and what PW does so efficiently is: access your data, then display it how you want in your templates. It will become second nature within not too long at all. The good news is that though you only need the basics to do almost any site, the possibilities are endless as you can achieve pretty much anything with PHP (which you'll learn from some of the genius' on here!)

Thanks for your reply Ryan. I guess it was just my thinking that if I wanted to do something by default but give the option to turn it off, like a nav or whatever then I'd either have to check it myself manually each time or just leave it unchecked and give the option "disable nav" rather than enable. The question becomes a negative. But I see your point and overall strategy, it makes sense.

Hiya Pete, Think we're definitely on the same wavelength, I'm trying to sort out my own "standard" site profile so I can turnaround cheap sites, which at this moment in my new career is all I'm really likely to get. I think most of the fun in using PW is coding things yourself but definitely something more complicated like an estate agency website. If it's well made, I'd definitely pay for it if it gave me a head start in creating a project. The price you mentioned sounds very reasonable. The good thing about this is that it would be built in PW and therefore if I had to tinker with it, I ought to understand a little about what's going on! Think a lot of the community will say that what they don't want is it becoming saturated with hundreds of inferior profiles. The ones that I'd be very interested in are for things like events, bookings, shop, estate agency/ car website.