Nederlands Ondersteuningsforum :
Welkom op het Nederlandse Ondersteuningsforum van ActieForum.


Om ondersteuning te vragen of om in één van onze andere forumsecties te kunnen posten dien je een account te hebben, bedankt voor het inloggen als je al geregistreerd bent, of registreer direct een account op ons ondersteuningsforum als je dit nog niet gedaan hebt.

Row title

Vorige onderwerp Volgende onderwerp Go down

Row title

Bericht van Guardian op ma 15 okt 2012 - 14:40

Hoi hoi ~

De titel is waarschijnlijk nogal onduidelijk, maar ik had een klein vraagje. Je hebt dus die row title, waar de naam van de categorie instaat etc en die is vrijwel altijd rechthoekig.
Nu had ik op een paar andere fora gezien dat het niet zo hoekig was maar meer zo:

En ik vroeg me af hoe je dat dus voor elkaar krijgt, want ik voerde eerst gewoon plaatjes in... Alleen toen kreeg ik iets heel vreemds uit wat dus niet goed was.
Heb je er misschien een CSS code voor nodig of iets in die trans?

Hopelijk kan iemand me hiermee helpen ^^
Bedankt voor het lezen ~

Love&Rockets,
Noor.

Guardian
Actief Forumlid

Aantal berichten : 113
Registratiedatum : 17-08-11
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://afterthefall.actieforum.com/
Guardian is bedankt door de starter van dit topic.

Re: Row title

Bericht van Mystic op zo 21 okt 2012 - 11:56

Het lijkt mij dat je hier indd bij de CSS voor moet wezen. (Display > Plaatjes en Kleuren > Kleuren > CSS)

Code:
/* Main headings and Pagination */
.pun .main, .pun .main-category {
   margin: 1em 0;
   }
.main .main-head, .main .main-foot {
   padding: 0.8em 2em;
   font-weight: normal;
   color: #dedfdf;
   background-color: #fbfbfb;
   }
.main .main-head {
   background-image: url('http://www.imgdumper.nl/uploads6/507efb252fdfd/507efb252ea36-Bar.png');
        background-repeat: no-repeat;
   }
.main .main-head .page-title {
   font-size: 12px;
   font-weight: bold;
   text-align: center;
 color: #000000;
   }
.pun .main-content {
   border: 1px solid #dddddd;
   background-color: #fbfbfb;
   }
.pun .style1 {
   background-color: #fbfbfb;
   padding: 0.5em;
   }
.pun .style2 {
   background-color: #fbfbfb;
   padding: 0.5em;
   }
.pun .main-foot .h2, .pun .main-head .h2 {
   float: left;
   }
.pun .main .options {
   float: right;
   text-align: right;
   color: #ccc;
   }
.pun .main .options a,.pun .main .options a:link,.pun .main .options a:visited {
   margin-left: 0.5em;
   color: #ccc;
   text-decoration: none;
   }
.pun .main-foot .options a,.pun .main-foot .options a:link,.pun .main-foot .options a:visited {
   margin-left: 0.6em;
   color: #ccc;
   text-decoration: underline, bold;
   }

Hierboven staat een deel uit mijn CSS. Nu zie je in de CSS een link staan. 'http://www.imgdumper.nl/uploads6/507efb252fdfd/507efb252ea36-Bar.png' in dit geval. Ga met de afbeelding die je graag in je 'Row title' wilt hebben naar bijv. Imgdumper o.i.d. en upload het vanaf je PC.

Plaats de link dan in je CSS op de juiste plek (Vanaf bovenaan klein beetje naar benenden tot je ongeveer hetzelfde als het stuk hierboven tegenkom) Submit het en als het goed is moet het nu in je forum verwerkt zijn.

Zorg wel dat je afbeelding lang en hoog genoeg is. Als je afbeelding korter is herhaalt het zich, als je dan zo`n afbeelding wilt met een krome hoek is dat niet verstandig.

Veel succes! Smile

Mystic
Medaille Forumlid
Medaille Forumlid

Oud Support Moderator Man Aantal berichten : 260
Leeftijd : 17
Registratiedatum : 24-09-12
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken
Mystic is bedankt door de starter van dit topic.

Re: Row title

Bericht van I Mozilla I op wo 24 okt 2012 - 18:46

Je kunt het ook op een andere manier op te lossen, wat beter is voor de laad tijd van de pagina. Je doet het dan puur CSS, wat is het forum waarop dit moet gebeuren. Dan zal ik het stukje code wel even voor je schrijven, dan kan je kijken of hij het dan mooi weer geeft, want niet in elk geval doet hij dit.


Doe Developers een plezier en gebruik geen Internet Explorer.
Gebruik in plaats daarvan Google Chrome, Mozilla Firefox, Opera of Safari.

Ervaring
HTML(5) - 8 Jaar
CSS(3) - 8 Jaar
PHP - 7 Jaar
MySQL - 7 Jaar
Javascript - 7 Jaar

I Mozilla I
Actief Forumlid

Man Aantal berichten : 124
Registratiedatum : 24-01-11

Profiel bekijken http://www.stormscape.forumotion.com
I Mozilla I is bedankt door de starter van dit topic.

Re: Row title

Bericht van Guardian op vr 26 okt 2012 - 0:01

Toen ik de CSS codes van Mystic invoerde gebeurde er eigenlijk niks, of ik moet iets verkeerd hebben ingevoerd.
Daarbij sta ik altijd open voor andere opties: want wie weet vind ik een andere manier veel fijner (;

En ik ben momenteel meer aan het testen, maar ik was van plan om het in te voeren op het forum Rywale (Rywale.actieforum.com) momenteel ziet het er niet echt uit, maar ik heb het nogal druk met school en heb dus niet zo super veel tijd om eraan te werken: alleen in de weekenden :c

Guardian
Actief Forumlid

Aantal berichten : 113
Registratiedatum : 17-08-11
Oprichter van het forum : Ja
Templates gewijzigd : Ja
CSS : Ja

Profiel bekijken http://afterthefall.actieforum.com/
Guardian is bedankt door de starter van dit topic.

Re: Row title

Bericht van I Mozilla I op vr 26 okt 2012 - 22:09

Ik zal dadelijk is even een kijkje nemen, hou dit topic in de gaten want ik zal deze post bewerken als ik een oplossing heb.


Doe Developers een plezier en gebruik geen Internet Explorer.
Gebruik in plaats daarvan Google Chrome, Mozilla Firefox, Opera of Safari.

Ervaring
HTML(5) - 8 Jaar
CSS(3) - 8 Jaar
PHP - 7 Jaar
MySQL - 7 Jaar
Javascript - 7 Jaar

I Mozilla I
Actief Forumlid

Man Aantal berichten : 124
Registratiedatum : 24-01-11

Profiel bekijken http://www.stormscape.forumotion.com
I Mozilla I is bedankt door de starter van dit topic.

Vorige onderwerp Volgende onderwerp Terug naar boven


Permissies van dit forum:
Je mag geen reacties plaatsen in dit subforum