Can BlogEngine be Customized to look like this?

Topics: Themes
Aug 1, 2011 at 9:26 PM

Hi,

I came across a site with a simple news layout: http://www.wdtvlive.com/blog/ and was wondering if BlogEngine will allow me to customize and have a simple News layout like the site shown.  I'm new to ASP.NET and so far all my projects have been 1 project solution file.  BE has multiple projects and I don't know where to start or how to go about to customize.  I don't know if there's an aspx page for me to make changes.  Usually, I'd go to the master file or the aspx file to make changes and write codes behind.  Where do I go to customize each page so that it takes in dynamic contents?

Thank you!

Aug 2, 2011 at 6:11 AM
Edited Oct 24, 2011 at 8:09 PM

BlogEngine.Net uses the same techniques that you use with just a "Asp.net" website.

 

Only difference is that you have to use some additional code on top of that to use BlogEngine.net features.

 

The "Theme"  uses the following files.

1. site.master

2. site.master.cs

3. postview.ascx

4. style.css

These are the main files that you should modify for "Themes"

 

The code that you have to use to get BE to work are the following:

 

In the body of site.master where you want the content to go:

<asp:ContentPlaceHolder ID="cphBody" runat="server" />


IN postview where you want the content to go:

<asp:PlaceHolder ID="BodyContent" runat="server" />
 

BE has other handy codes that you can use listed at the url below.

 

But, basically in theory all you need to make a very basic theme in BE is the code above :)

Source:

http://blogengine.codeplex.com/wikipage?title=ThemeCreation&referringTitle=Documentation

 

Read this Article for greater detail on how to make an Theme:

 

http://rtur.net/blog/post/2010/09/05/How-to-convert-theme-to-BlogEngineNET.aspx

 

This is where I learn most of my knowledge on making BlogEngine Themes.

 

Second is trial and error :)

 

Read the two urls listed above and get your self dirty in the code.

 

Nothing like getting in there and learning how to do it :)

 

If you need any more help feel free to post it here.

 

If you are in a hurry and need a quick reply if no one is replying here

you can contact me directly at:

 

kbdavis07@yahoo.com   (Email or MSN Messenger)

 

Have a great day!

 

Brian Davis


Java Blog

Aug 3, 2011 at 11:35 PM

Brian, thank you for the detailed explanation. I needed that.  I'll give it a try.

Aug 4, 2011 at 3:02 AM

You are welcome :)

 

I am currently working on some themes right now converting from WP.

 

So far I have only done about 2 theme conversions and those where a while back, so lot of refreshing to do :)

 

There is alot of stuff you can do with BE in themes using the style.css  file.

 

Like using these css code as an example:

 

div.widget a.edit, div.widget a.move, div.widget a.delete{
    font-size: 85%;
    font-weight: normal;
    float: right;
    z-index: 1;
    margin-left: 2px;
}

 

#sidebar .widget h4 {
padding: 2px 10px 20px 10px;
background: url(images/heads.jpg) no-repeat center;
font-family: Helvetica, Arial, Verdana;
font-size: 18px;
color: #FFF;
font-weight: bold;
letter-spacing: -1px;
text-transform: uppercase;
}

 

Main way of learning for me is through examples

 

so I look at different themes and look how they use

the css to modify parts in BE

 

Also be aware that BE does inject  extra tags and code like  "<div>" tags and etc

and those some time interfer with your design.

 

So if you run into trouble and etc the best thing to do

Is launch the website in FireFox or IE or what ever you use and

view the source code.

 

This what I do to edit the css file  to figure out how to access curtain parts of BE

like the widgets. 

 

Again if you have any questions or anything please feel free to contact

me directly kbdavis07@yahoo.com  (Email or MSN) if you don't get

a reply from here or you need a quick response.

 

I check my email about once every 3 hours just about every day :)

 

Have a great day!

 

Brian Davis

Aug 4, 2011 at 10:11 AM

Please Brian, could you help me with this?

http://blogengine.codeplex.com/discussions/266632

to get previews to appear with images...

Aug 5, 2011 at 3:42 PM

Hey Guys, 

I was wondering if its possible to change what is generated from the homepage ContentPlaceHolder?

I'm trying to figure out if its possible to display things differently on the homepage than the standard chronological post list.  I haven't found a theme that does anything different and the documentation doesn't say anything about this either.  

Thanks for your help.

 

----

Mark