Nesting Serendipity or customizing.

Discussion corner for Developers of Serendipity.
Post Reply
himmelrich@gmail.com
Posts: 2
Joined: Thu Jan 29, 2015 7:07 pm

Nesting Serendipity or customizing.

Post by himmelrich@gmail.com » Thu Jan 29, 2015 7:14 pm

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

User avatar
yellowled
Regular
Posts: 7007
Joined: Fri Jan 13, 2006 12:46 pm
Location: Eutin, Germany
Contact:

Re: Nesting Serendipity or customizing.

Post by yellowled » Thu Jan 29, 2015 8:43 pm

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
amazon Wishlist - Serendipity-Podcast (German only, sorry)

User avatar
Don Chambers
Regular
Posts: 3633
Joined: Mon Feb 13, 2006 3:40 am
Location: Chicago, IL, USA
Contact:

Re: Nesting Serendipity or customizing.

Post by Don Chambers » Thu Jan 29, 2015 10:58 pm

Call me crazy, but if I didn't know better, I would say that was a very early version (or fork) of s9y.

Post Reply