Het is nu vr 19 apr 2019 - 18:36

6 resultaten gevonden

Aanvraag Logo

Creatie Type: Logo op transparante achtergrond
   Formaat (In Pixels): max. 500x300 px, kleiner mag ook
   Primaire Kleuren: Transparant
   Secundaire Kleuren: niet van toepassing
   Te gebruiken Afbeeldingen:
Logo afbeelding:
Topics getagged onder ffffff op Nederlands Ondersteuningsforum : Nhlogo11

   In te voegen Tekst: Hetzelfde als op onderstaande bannerfoto
   Font (Geef Download Link): Indien mogelijk Lobster voor de naam en Arial voor de rest van de text
   Font Kleur: #ffffff en #AFE11A
   Link naar mijn Actieforum Forum: http://www.nederlandheelt.nl
   Gebruikersnaam op jouw Forum: Admin
   Link naar je Laatste Grafische Verzoek: https://ondersteun.actieforum.com/t5541-2-sets-rangafbeeldingen-gevraagd
   Gedetailleerde Beschrijving: Mijn logo is op dit moment in mijn bannerfoto verwerkt, maar ik zou graag een apart logo willen hebben op een transparante achtergrond zodat ik die altijd kan gebruiken als ik van bannerfoto wil wisselen.

Bestaande Bannerfoto:
Topics getagged onder ffffff op Nederlands Ondersteuningsforum : Blauw_12


De tekst blijft hetzelfde als op de bannerfoto, elk font mag zolang het maar duidelijk leesbaar is, en graag witte letters met zwarte of donkergrijze omlijning.. en voor de naam deze kleur gebruiken: #AFE11A ook weer met zwarte/donkergrijze omlijning alsjeblieft Smile
van TonnyKamper
op di 9 apr 2019 - 17:47
 
Zoek in: Voltooide Aanvragen
Onderwerp: Aanvraag Logo
Antwoorden: 4
Bekeken: 43

Een verticale navigatiebalk maken voor phpBB2

Een verticale navigatiebalk maken voor phpBB2


Met deze tutorial, kun je een verticale navigatiebalk op je ActieForum Forum activeren .

Demonstratie: Verticale Navigatiebar

Controleer vóór wijziging of je forum voldoet aan de volgende voorwaarden:
- Je moet de oprichter van het forum zijn en toegang hebben tot de templates ervan.
- Je forum moet in de phpBB2-versie staan.

1. De template overall_header bewerken


Ga naar:

Beheerderspaneel Display Templates - Algemeen


Open de template overall_header door op het   icoontje te klikken.
Zoek naar dit deel van de template, waar de variabele {GENERATED_NAVBAR} in voorkomt:
Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">  <tr>  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>  </tr>  </table>

Vervang dit door:
Code:
<div class="vertical_nav">{GENERATED_NAV_BAR}</div>

UITLEG:

  • We plaatsen de variabele die de navigatiebalk genereert in een div, waaraan we de naam vertical_nav geven , zodat we deze later kunnen wijzigen vanuit de CSS-stylesheet.

Nadat de aanpassing is voltooid, sla je deze op en publiceer je de template door ernaast op de groene "Topics getagged onder ffffff op Nederlands Ondersteuningsforum : 644535217" in de lijst met templates te klikken.

2. Het CSS-Stylesheet bewerken


Ga naar:

Beheerderspaneel Display Plaatjes en Kleuren
Kleuren - CSS-stylesheet


Voeg de volgende code eraan toe:
Code:
div.vertical_nav {
    position:absolute;
    top:50px;
    left:5%;
}

UITLEG:

  • position:absolute : Staat ons toe om de volledige navigatiebalk als een zwevend element te plaatsen.
  • top:50px : Staat ons toe om ons blok op 50 pixels te plaatsen vanaf de linkerbovenhoek.
  • left:5% : Staat ons toe om ons blok op 5% van de linkerkant van de pagina te plaatsen.

Opmerking: Als je niet wilt dat het navigatieblok het scrollen van de pagina volgt, moet je de: position:absolute vervangen door: position:fixed .

Om het af te maken, voeg je ook nog deze code toe:
Code:
div.vertical_nav a.mainmenu {
    display:list-item;
    list-style:none;
}

UITLEG:

  • display:list-item : Stelt ons in staat de links in de navigatiebalk weer te geven als een lijst van boven naar beneden.
  • list-style:none : Stelt ons in staat ons de stijl te verwijderen die aanvankelijk aan de lijst wordt toegewezen (bullets: •)

Als je je blok een frame wilt geven zoals bij de bovenstaande demonstratie, dan voeg je eenvoudig stijl toe aan het element: div.vertical_nav
Code:
div.vertical_nav {
    background:#FFFFFF;
    border:1px solid #D0D0D0;
}

UITLEG:

  • background:#FFFFFF : stelt ons in staat om de achtergrond van het blok wit te kleuren.
  • border:1px solid #D0D0D0 : staat ons toe om een ​​solide rand toe te voegen, één pixel dik en grijze kleur.

Vergeet niet je aanpassing op te slaan en vooral creatief te zijn!  Smile


van TonnyKamper
op do 5 jul 2018 - 16:38
 
Zoek in: Tips & Trucs
Onderwerp: Een verticale navigatiebalk maken voor phpBB2
Antwoorden: 0
Bekeken: 191

Word Counter Widget

Word Counter Widget



Deze widget is vooral handig voor RPG forums en andere forums waar op geschreven word. Aan het eind van deze tutorial heb je een simpele word counter in een widget staan.

.x. STAP 1 .x.

Beheerderspaneel Topics getagged onder ffffff op Nederlands Ondersteuningsforum : Arrow10 Modules Topics getagged onder ffffff op Nederlands Ondersteuningsforum : Arrow10 Forum widgets beheer Topics getagged onder ffffff op Nederlands Ondersteuningsforum : Arrow10 Create a widget


Widget name : Word Counter
Use a table type : Kan beide
Widget title : Eigen invulling

Plak de volgende code in je widget:
Code:
<textarea id="textArea"></textarea><div>Word Length: <span id="textLength">0</span></div>
<script type="text/javascript">
jQuery('#textArea').keyup(function () {
document.getElementById('textLength').innerHTML = document.getElementById('textArea').value.split(/\s+/).length;
});
</script>


.x. STAP 2 .x.

Beheerderspaneel Topics getagged onder ffffff op Nederlands Ondersteuningsforum : Arrow10 Display Topics getagged onder ffffff op Nederlands Ondersteuningsforum : Arrow10 Kleuren Topics getagged onder ffffff op Nederlands Ondersteuningsforum : Arrow10 Cascading Style Sheet


Plak hier (op een willekeurig plek) de volgende code:

Code:
#textArea {
background-color: COLORHERE;
}


Vervang het 'COLORHERE' door een kleurencode, zoals bijvoorbeeld #ffffff.

.x. FINISHED! .x.

Zo makkelijk is het (:


van CCDragon
op za 11 jan 2014 - 14:21
 
Zoek in: Tips & Trucs
Onderwerp: Word Counter Widget
Antwoorden: 1
Bekeken: 1129

BBcodes overzicht

BBcodes overzicht


Hieronder een lijst met BBcodes die je kunt gebruiken, ze komen van het Franse ondersteunings forum dus mischien werkt er hier iets niet. Wink

1. Tekstopmaak:


Zet de tekst vetgedrukt: Topics getagged onder ffffff op Nederlands Ondersteuningsforum : Text_bold
Code:
[b]vetgedrukt[/b]

Resultaat


Zet de tekst cursief: Topics getagged onder ffffff op Nederlands Ondersteuningsforum : Text_italic
Code:
[i]schuingedrukt[/i]

Resultaat


Onderstreep de tekst: Topics getagged onder ffffff op Nederlands Ondersteuningsforum : Text_underline
Code:
[u]onderstreept[/u]

Resultaat


Doorstreep de tekst: Topics getagged onder ffffff op Nederlands Ondersteuningsforum : Text_strikethrough
Code:
[strike]doorstreepte tekst[/strike]

Resultaat


Tekst links uitlijnen: Topics getagged onder ffffff op Nederlands Ondersteuningsforum : Text_align_left
Code:
[left]links uitgelijnd[/left]

Resultaat


Tekst centreren: Topics getagged onder ffffff op Nederlands Ondersteuningsforum : Text_align_center
Code:
[center]gecentreerd[/center]

Resultaat


Tekst rechts uitlijnen: Topics getagged onder ffffff op Nederlands Ondersteuningsforum : Text_align_right
Code:
[right]rechts uitgelijnd[/right]

Resultaat


Tekst uitvullen: Topics getagged onder ffffff op Nederlands Ondersteuningsforum : Text_align_justify
Code:
[justify]automatisch uitvullen[/justify]

Resultaat

2. Plaatjes en Links:


Voeg een afbeelding in: Topics getagged onder ffffff op Nederlands Ondersteuningsforum : Picture
Code:
[img]http://www.voorbeeld.com/plaatje.jpg[/img]

Resultaat: Topics getagged onder ffffff op Nederlands Ondersteuningsforum : Voorbe10


Maak een link: Topics getagged onder ffffff op Nederlands Ondersteuningsforum : Link
Code:
[url=http://www.voorbeeld.com]mijn link[/url]

Resultaat: mijn link
Code:
[url]http://www.voorbeeld.com[/url]

Resultaat: http://www.voorbeeld.com
Code:
[email=ik@voorbeeld.com]mijn e-mailadres[/email]

Resultaat: mijn e-mailadres
Code:
[email]ik@voorbeeld.com[/email]

Resultaat: ik@voorbeeld.com

3. Tekstformaat:


Verander de tekstgrootte: Topics getagged onder ffffff op Nederlands Ondersteuningsforum : Style
Code:
[size=9]lettergrootte 9[/size]

Resultaat
Code:
[size=12]lettergrootte 12[/size]

Resultaat
Code:
[size=14]lettergrootte 14[/size]

Resultaat
Code:
[size=16]lettergrootte 16[/size]

Resultaat
Code:
[size=18]lettergrootte 18[/size]

Resultaat

4. Tekstkleuren:


Verander de tekstkleur: Topics getagged onder ffffff op Nederlands Ondersteuningsforum : Color_swatch
Code:
[color=black]zwarte tekst[/color]

Resultaat
Code:
[color=white]witte tekst[/color]

Uiteraard is deze niet zichtbaar op de witte ondergrond, het resultaat staat tussen de haakjes (Resultaat)
Code:
[color=blue]blauwe tekst[/color]

Resultaat
Code:
[color=red]rode tekst[/color]

Resultaat
Code:
[color=green]groene tekst[/color]

Resultaat
Code:
[color=yellow]gele tekst[/color]

Resultaat
Code:
[color=orange]oranje tekst[/color]

Resultaat
Code:
[color=brown]bruine tekst[/color]

Resultaat
Code:
[color=magenta]magenta tekst[/color]

Resultaat
Code:
[color=cyan]cyaan tekst[/color]

Resultaat
Code:
[color=limegreen]limoengroene tekst[/color]

Resultaat
Of met een hexadecimale kleurtag:
Code:
[color=#hexadecimal][/color]

Resultaat van de kleurcode #FF3300
Resultaat van de kleurcode #008000
Resultaat van de kleurcode #0033FF
Resultaat van de kleurcode #000000
Je kunt dus kleur namen gebruiken zoals bijvoorbeeld : red, blue, yellow, etc... maar ook de hexadecimale kleurtags zoals hierboven, #FFFFFF wordt gebruikt voor witte letters!

5. Font veranderen:


Verander het lettertype van de tekst: Topics getagged onder ffffff op Nederlands Ondersteuningsforum : Font
Code:
[font=NAAM][/font]

Verander het gedeelte "NAAM" naar de fontnaam van jouw keuze:

Resultaat van het font "Impact"
Resultaat van het font "Comic Sans Ms"
Resultaat van het font "Times New Roman"

6. Citeren:


Wanneer je een ändere gebruiker citeert: Topics getagged onder ffffff op Nederlands Ondersteuningsforum : Comments
Code:
[quote=Gebruikersnaam]geciteerd bericht met gebruikersnaam[/quote]

Gebruiker schreef: Resultaat van het citaat

Wanneer je een willekeurige tekst citeert:
Code:
[quote]geciteerd bericht[/quote]

Resultaat van het citaat

7. Lijsten weergeven:


Ongeordende lijst: Topics getagged onder ffffff op Nederlands Ondersteuningsforum : Text_list_bullets
Code:
[list][*]Info 1[*]Info 2[/list]


  • Info 1
  • Info 2

Genummerde lijst: Topics getagged onder ffffff op Nederlands Ondersteuningsforum : Text_list_numbers
Code:
[list=1][*]Info 1[*]Info 2[/list]


  1. Info 1
  2. Info 2

Lijst op alfabetische volgorde:
Code:
[list=a][*]Info 1[*]Info 2[/list]


  1. Info 1
  2. Info 2

Lijst met Romeinse cijfers:
Code:
[list=i][*]Info 1[*]Info 2[/list]


  1. Info 1
  2. Info 2

8. Codes weergeven:


Om een ​​vaste code weer te geven: Topics getagged onder ffffff op Nederlands Ondersteuningsforum : Page_white_code
Code:
[code][/code]

Code:
1. Resultaat

9. Tabellen maken:


Maak een tabel: Topics getagged onder ffffff op Nederlands Ondersteuningsforum : Table
Als u een tabel wilt maken, moet u een 'table' definiëren en vervolgens een 'tr' -lijn invoegen. Deze regel kan een of meer cellen 'td' bevatten, net zoals een tabel meerdere 'tr' lijnen kan bevatten:
Code:
[table][tr][td] Lijn 1 - Cel 1 [/td][td]Lijn 1 - Cel 2 [/td][td]Lijn 1 - Cel 3 [/td][/tr][tr][td] Lijn 2 - Cel 1 [/td][td]Lijn 2 - Cel 2 [/td][td]Lijn 2 - Cel 3 [/td][/tr][/table]

Resultaat:
Lijn 1 - Cel 1 Lijn 1 - Cel 2 Lijn 1 - Cel 3
Lijn 2 - Cel 1 Lijn 2 - Cel 2 Lijn 2 - Cel 3 /td]




Maak een tabel met een rand: Topics getagged onder ffffff op Nederlands Ondersteuningsforum : Table
Code:
[table border="1"][tr][td] Lijn 1 - Cel 1 [/td][td] Lijn 1 - Cel 2 [/td][td] Lijn 1 - Cel 3 [/td][/tr][tr][td] Lijn 2 - Cel 1 [/td][td] Lijn 2 - Cel 2 [/td][td] Lijn 2 - Cel 3 [/td][/tr][/table]

Resultaat:
Lijn 1 - Cel 1 Lijn 1 - Cel 2 Lijn 1 - Cel 3
Lijn 2 - Cel 1 Lijn 2 - Cel 2 Lijn 2 - Cel 3



Maak een tabel met rand zonder spaties: Topics getagged onder ffffff op Nederlands Ondersteuningsforum : Table
Code:
[table cellspacing="0" border="1"][tr][td] Lijn 1 - Cel 1 [/td][td] Lijn 1 - Cel 2 [/td][td] Lijn 1 - Cel 3 [/td][/tr][tr][td] Lijn 2 - Cel 1 [/td][td] Lijn 2 - Cel 2 [/td][td] Lijn 2 - Cel 3 [/td][/tr][/table]

Resultaat:
Lijn 1 - Cel 1 Lijn 1 - Cel 2 Lijn 1 - Cel 3
Lijn 2 - Cel 1 Lijn 2 - Cel 2 Lijn 2 - Cel 3

9. Schuivende berichten maken:


Horizontaal schuiven:
Code:
[scroll][/scroll]

Resultaat


Verticaal schuiven:
Code:
[updown][/updown]

Resultaat

10. Tekst effecten maken:


Voeg een horizontale scheidingsregel in: Topics getagged onder ffffff op Nederlands Ondersteuningsforum : Text_horizontalrule
Code:
Résultaat 1[hr]Résultaat 2

Resultaat 1


Resultaat2



Subscript plaatsen:
Code:
x[sub]a+b[/sub]

Resultaat: xa+b


Superscript plaatsen:
Code:
2[sup]e[/sup] dag

Resultaat: 2e dag


Spiegeleffect op de tekst (verticale symmetrie):
Code:
[flipv][/flipv]

Resultaat 


Spiegeleffect op de tekst (horizontale symmetrie):
Code:
[fliph][/fliph]

Resultaat 


Wazig effect:
Code:
[blur][/blur]

Resultaat


Vervagend effect:
Code:
[fade][/fade]

Resultaat


Tekst verbergen:
Code:
[hide][/hide]

Opmerking: de tekst zal worden verborgen voor mensen die het onderwerp niet hebben gepost. Zij zullen eerst in het onderwerp moeten posten om de tekst te kunnen zien! Aan de andere kant zullen beheerders en moderators de verborgen tekst zien zonder eerst in het onderwerp te hoeven posten.


Inhoud uitklapbaar verbergen:
Code:
[spoiler][/spoiler]

Spoiler - klik om uit te klappen:
Resultaat

10. Belangrijk om te weten:


BBcodes kunnen voor verschillende effecten worden gecombineerd, maar u moet de volgorde van openen en sluiten van elke BBcode tags respecteren.


Trek aandacht:
Code:
[size=18][color=red][b][/b][/color][/size]

Resultaat


Ongeldige syntaxis:
Code:
[u][b]Info[/u][b][b][b][b][b][b][/b]

van susie
op za 22 jan 2011 - 21:10
 
Zoek in: Tips & Trucs
Onderwerp: BBcodes overzicht
Antwoorden: 0
Bekeken: 1044

Body tekst werkt niet

In de Test html pagina werkt een script blijkbaar beter dan de preset heb ik het idee.
In de body tag kan ik wel de achtergrondkleur veranderen, maar welke tekstkleur ik ook kies, hij blijft zwart.
Ik doe dan tekst="#ffffff" of een andere kleur.
Als ik dan op het voorbeeld klik, dan is de hele pagina zwart inclusief de tekst.
De tag is gekopieerd van een html cursus, dus dat lijkt me goed.
Ik heb onderaan de tag ook afgesloten.
van Magda
op di 28 apr 2009 - 0:12
 
Zoek in: Script- en codeproblemen Archief
Onderwerp: Body tekst werkt niet
Antwoorden: 6
Bekeken: 751

ik denk dat ik een probleempje heb [opgelost]

Als ik naar mijn admin panel ga naar colours can ik niks veranderen
ik krijg dus dit alleen te zien

body {
background-color: #ffffff;
background-image: url("https://illiweb.com/fa/empty.gif");
scrollbar-face-color: #;
scrollbar-highlight-color: #;
scrollbar-shadow-color: #;
scrollbar-3dlight-color: #;
scrollbar-arrow-color: #;
scrollbar-track-color: #;
scrollbar-darkshadow-color: #;
}
font,th,td,p {
font-family: Verdana,Arial,Helvetica,sans-serif }
a:link,a:active,a:visited {
color : #0000cc;
}
a:hover{
text-decoration: underline;
color : #cccccc;
}
hr{
height: 0px;
border: solid #d1d7dc 0px;
border-top-width: 1px;
}
.bodyline{
background-color: #ffffff;
border: 1px #ffffff solid;
}
.bodylinewidth {
width:100%}
.forumline{

Maar had dit nooit van te voren,oh wie can mijn helpen
van truckerplace
op za 16 jun 2007 - 17:03
 
Zoek in: Algemene problemen Archief
Onderwerp: ik denk dat ik een probleempje heb [opgelost]
Antwoorden: 3
Bekeken: 523

Terug naar boven

Ga naar: