Default Template

[William]

Spent a lot of time customizing the default Vbulletin 5 template. I'm "pretty much" done it now. I like the idea of using the default template because there's one less thing to update when it comes to 3rd party mods. Now I just need to figure out how to do a speech bubble around the latest comment portions of the homepage? If anyone figures this out much appreciate it if you shared the information. Your feed back would be appreciated. I got rid of the two column layout that the forum had before because too many people found it overly complicated. Amazing how many people were deterred from the forum just because of that layout design.

Here's a screen shot from my site: Christian Forums

[glennrocksvb]

Try this speech bubble generator.

http://html-codes-generator.weebly.com/css-speech-bubble-generator.html

[William]

Try this speech bubble generator.

http://html-codes-generator.weebly.c...generator.html

Could I pick your brain, Glenn?

Here's the code from the generator:

.speech-bubble {
position: relative;
width: 250px;
height: 120px;
line-height: 120px;
color: #FFFFFF;
text-align: center;
padding: 0px;
background: #f2f2f2;
border-radius: 10px;
}

.speech-bubble:after {
content: '';
position: absolute;
border-style: solid;
border-width: 15px 20px 15px 0;
border-color: transparent #f2f2f2;
display: block;
width: 0;
z-index: 1;
left: -20px;
top: 45px;
}

And here's the html
<div class="speech-bubble">CSS Speech Bubble</div>

Where would I add the html? Will the head include css work?

How would I implement the css to replace this to additional_css:



Thanks,
William

[glennrocksvb]

Try using this instead of the generated code:

.forum-item .lastpost-wrapper {
    position: relative;
    height: 75px;
    color: #FFFFFF;
    padding: 10px 10px 0 0;
    background: #f2f2f2;
    border-radius: 10px;
    box-sizing: border-box;
}

.forum-item .lastpost-wrapper:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 15px 20px 15px 0;
    border-color: transparent #f2f2f2;
    display: block;
    width: 0;
    z-index: 1;
    left: -20px;
    top: 23px;
}

[William]

Thanks Glenn!

Perfect!

William

[William]

I added gold accented color which I think breaks up the blue quite nicely. Now done the customized default theme. Also added were Glenns category modification: Christian forums