CMS Made Simple Forums

Posted: **Sun Apr 18, 2010 12:43 pm**

Ik wil graag in CGBlog de stylesheet aanpassen, zoals de linkjes kleuren en de tekst een andere kleur geven.
Iemand enig idee waar deze stylesheet te vinden is. Onder stylesheet staat deze niet.

Posted: **Sun Apr 18, 2010 3:26 pm**

voorhammr wrote: Iemand enig idee waar deze stylesheet te vinden is. Onder stylesheet staat deze niet.

Voor zover ik weet, wordt bij de installatie van CGBlog geen stylesheet meegeleverd.
In de templates staan wel voorbeeld classes vermeld
Naar wens kun je dan een stylesheet maken en aanpassen

Hierbij een kopie van één van mijn sites:

Code: Select all

/* Start CGBlog Summary Template */

.CGBlogSummary {
         padding: 5px;
         margin: 0 0 30px 0;
         border: #ccc solid 1px;
}

.CGBlogSummaryPostdate {
         text-align: right;
         font-size: 90%;
}

.CGBlogSummaryLink {
         margin: -16px 0 0 0;
}

.CGBlogSummaryLink a {
         font-weight: bold;
         text-decoration: none;
}

.CGBlogSummaryCategory {
}

.CGBlogSummaryAuthor {
}

.CGBlogSummarySummary {
         padding: 10px 0 10px 0;
}

.CGBlogSummaryContent {
         padding: 10px 0 10px 0;
}

/* Default image setting */
.CGBlogSummarySummary img,
.CGBlogSummaryContent img,
#CGBlogPostDetailContent img {

}

.CGBlogSummaryExtra {
}

.CGBlogSummaryField {
         padding: 0 0 0 0;
         font-size: 100%;
}

.CGBlogSummaryMoreLink {
         text-align: right;
         clear: both;
}

/* End CGBlog Summary Template */



/* Start CGBlog Detailview Template */

div#CGBlogPostDetailDate {
         text-align: right;
}

div#CGBlogPostDetailTitle {
         margin: -16px 0 0 0;
}

div#CGBlogPostDetailHorizRule {
         border-bottom: 1px dotted #009;
}

div#CGBlogPostDetailSummary {
}

.CGBlogSummaryCategory {
}

div#CGBlogPostDetailAuthor {
}

div#CGBlogPostDetailContent {
         padding: 10px 0 10px 0;
}

div#CGBlogPostDetailExtra {
}

.CGBlogDetailField {
         padding: 0 0 10px 0;
         font-size: 100%;
}

/* End CGBlog Detailview Template */

Grt. Rolf

Posted: **Sun Apr 18, 2010 4:31 pm**

Rolf wrote:

voorhammr wrote: Iemand enig idee waar deze stylesheet te vinden is. Onder stylesheet staat deze niet.

Voor zover ik weet, wordt bij de installatie van CGBlog geen stylesheet meegeleverd.
In de templates staan wel voorbeeld classes vermeld
Naar wens kun je dan een stylesheet maken en aanpassen

Hierbij een kopie van één van mijn sites:

Code: Select all

/* Start CGBlog Summary Template */

.CGBlogSummary {
         padding: 5px;
         margin: 0 0 30px 0;
         border: #ccc solid 1px;
}

.CGBlogSummaryPostdate {
         text-align: right;
         font-size: 90%;
}

.CGBlogSummaryLink {
         margin: -16px 0 0 0;
}

.CGBlogSummaryLink a {
         font-weight: bold;
         text-decoration: none;
}

.CGBlogSummaryCategory {
}

.CGBlogSummaryAuthor {
}

.CGBlogSummarySummary {
         padding: 10px 0 10px 0;
}

.CGBlogSummaryContent {
         padding: 10px 0 10px 0;
}

/* Default image setting */
.CGBlogSummarySummary img,
.CGBlogSummaryContent img,
#CGBlogPostDetailContent img {

}

.CGBlogSummaryExtra {
}

.CGBlogSummaryField {
         padding: 0 0 0 0;
         font-size: 100%;
}

.CGBlogSummaryMoreLink {
         text-align: right;
         clear: both;
}

/* End CGBlog Summary Template */



/* Start CGBlog Detailview Template */

div#CGBlogPostDetailDate {
         text-align: right;
}

div#CGBlogPostDetailTitle {
         margin: -16px 0 0 0;
}

div#CGBlogPostDetailHorizRule {
         border-bottom: 1px dotted #009;
}

div#CGBlogPostDetailSummary {
}

.CGBlogSummaryCategory {
}

div#CGBlogPostDetailAuthor {
}

div#CGBlogPostDetailContent {
         padding: 10px 0 10px 0;
}

div#CGBlogPostDetailExtra {
}

.CGBlogDetailField {
         padding: 0 0 10px 0;
         font-size: 100%;
}

/* End CGBlog Detailview Template */

Grt. Rolf

Rolf hoe integreer ik dit nu in mijn site?

Posted: **Sun Apr 18, 2010 5:21 pm**

Maak onder Opmaak >> Stylesheets een nieuwe stylesheet aan met bijv. de naam cgblog.
Kopieer de bovenstaande code hier in.

Ga vervolgens naar Opmaak >> Sjablonen en klik naast het door jouw gebruikte html sjabloon op CSS (Stylesheets koppelen)
Koppel de nieuwe stylesheet cgblog aan dit sjabloon.

Klaar ;D

Nu kun je bestaande style instellingen naar eigen wens wijzigen.

grt. Rolf

CMS Made Simple Forums

[Opgelost]Stylesheet CGBlog

[Opgelost]Stylesheet CGBlog

Re: Stylesheet CGBlog

Re: Stylesheet CGBlog

Re: Stylesheet CGBlog