Page 1 of 1

Nesting Serendipity or customizing.

Posted: Thu Jan 29, 2015 7:14 pm
by himmelrich@gmail.com
I'm looking to have Serendipity look like this: http://archive.toetagdiary.com/. The only really firm items on this page that are hard requirements are the header and the label on the right side (i.e. "WARNING"). The rest is really just moving plugins from the left to the right......what is the best approach for this....seems like what I'm trying to do would be really easy, but I'm not finding much other than trying to manipulate styles and I'm not even able to do that at this point as the administrators page forces a template.

Any thoughts?

Thank you!
Scott

Re: Nesting Serendipity or customizing.

Posted: Thu Jan 29, 2015 8:43 pm
by yellowled
himmelrich@gmail.com wrote:seems like what I'm trying to do would be really easy, but I'm not finding much other than trying to manipulate styles and I'm not even able to do that at this point as the administrators page forces a template.
Judging from qour question, I'll assume you got the following things down:

* installing and configuring a s9y blog
* installing and configuring plugins needed
* adding content (text and images)

Other than that, all that's really left to do is change the visual appearance of your blog. And that actually is manipulating styles. That's all there's to it. Sure, you'd want to add that (or another) image to the header. Some themes allow to add your own header image already, and if not, it's not that hard. As for the “warning” box, the HTML nugget plugin should be perfect for that.

So what you need is to adjust the theme of your blog to look like this, or let's call it “to look like you want it to”. There are various techniques involved in this, most notably styles (CSS), maybe template files (I doubt it, because this is a very common example of a blog) and scripts (Javascript; I doubt that here as well).

I don't know whether you know CSS, but it is something everybody can learn and we can help you with in the forums. Probably the easiest way is to look for a s9y theme that looks almost like what you want and adapt that. For instance, you might see a theme you like, but it doesn't have the right colors. And that's pretty easy to do.

I would, however, recommend that you check out the 2k11 theme. It is probably the most modern theme available for s9y as of now. It also works well on mobile devices, which is nice to have. Also, it does offer a way to add a header image out of the box, although that won't be positioned the way you might want it to be (but that can be fixed later). Try getting your blog set up the way you want it to be, with all plugins installed, configured and assigned to the proper sidebar.

Then, try http://yellowled.github.io and see if you can get your blog to almost look the way you want it to with that. Anything you can't do after that will probably need a little manual adjustment.

YL

Re: Nesting Serendipity or customizing.

Posted: Thu Jan 29, 2015 10:58 pm
by Don Chambers
Call me crazy, but if I didn't know better, I would say that was a very early version (or fork) of s9y.