Nederlands Ondersteuningsforum :
Wilt u reageren op dit bericht? Maak met een paar klikken een account aan of log in om door te gaan.

Ronde rand

4 plaatsers

Vorige onderwerp Volgende onderwerp Ga naar beneden

Opgeloste Topic Ronde rand

Bericht van Nibsy za 18 jan 2014 - 18:42

Hallo,
Ik wou een ronde hoek zetten om mijn hoofdplaatje en dan kom ik achter de ronde hoeken ook zwarte hoeken uit, hoe kan ik dit wegkrijgen? Alvast bedankt c:
Voorbeeld:


Laatst aangepast door Nibsy op zo 19 jan 2014 - 12:02; in totaal 1 keer bewerkt

Terug naar boven Terug naar beneden

Nibsy

Nibsy
Forumlid

Vrouw
Berichten : 81
Leeftijd : 25
Registratie : 18-09-13
Oprichter : Ja
Templates : Ja
CSS : Ja

200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!




Nibsy is bedankt door de starter van dit topic.

Opgeloste Topic Re: Ronde rand

Bericht van Okaidowolf za 18 jan 2014 - 18:55

Al eens geprobeerd om de direct link in te vullen in je bp ??
Het is zowat hetzelfde als bij de avatar's, upload je plaatje op bijv. imgur of imageshack, kopieër de direct link, en plak hem in je bp:

Display --> plaatjes beheren, en de plak hem vervolgens waar nou de link van de huidige banner zichtbaar is. Ik hoop dat het je helpt.

Terug naar boven Terug naar beneden

Okaidowolf

Okaidowolf
Actief Forumlid

Man
Berichten : 200
Leeftijd : 27
Registratie : 12-10-12
Oprichter : Nee
Templates : Ja
CSS : Ja

Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Oud Actieforum Medewerker
Deze gebruiker is een oud Actieforum medewerker.
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!

http://asenia.actieforum.com/



Okaidowolf is bedankt door de starter van dit topic.

Opgeloste Topic Re: Ronde rand

Bericht van Nibsy za 18 jan 2014 - 19:02

Dat werkt al voor een deel, het zwart is weg maar nu zie ik nog steeds de hoek van het forum zelf,
een voorbeeldje ervan:

Terug naar boven Terug naar beneden

Nibsy

Nibsy
Forumlid

Vrouw
Berichten : 81
Leeftijd : 25
Registratie : 18-09-13
Oprichter : Ja
Templates : Ja
CSS : Ja

200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!




Nibsy is bedankt door de starter van dit topic.

Opgeloste Topic Re: Ronde rand

Bericht van Okaidowolf za 18 jan 2014 - 19:07

Dan al eens geprobeerd bij de kleuren zelf ?? Bij mij staat er bij 'Colors and text size' onder 'Kleur aangewezen links' 'header font color' probeer dit mss eens te verwijderen?? ook met het '#' tekentje erbij. Ik weet niet of dit zal helpen, maar mss moet je eens bij de andere kleuren kijken wat er te verwijderen valt ?

Terug naar boven Terug naar beneden

Okaidowolf

Okaidowolf
Actief Forumlid

Man
Berichten : 200
Leeftijd : 27
Registratie : 12-10-12
Oprichter : Nee
Templates : Ja
CSS : Ja

Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Oud Actieforum Medewerker
Deze gebruiker is een oud Actieforum medewerker.
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!

http://asenia.actieforum.com/



Okaidowolf is bedankt door de starter van dit topic.

Opgeloste Topic Re: Ronde rand

Bericht van Mystic za 18 jan 2014 - 19:21

Wat ook moet werken is het veranderen van de CSS

Code:
.pun {
border-radius: 0px 0px 0px 0px;
}

Het kan zijn dat pun al in je CSS staat...dan zet je de border radius gewoon in het lijstje.
De eerste 0px = Linkerbovenhoek
De 2de 0px = Rechterbovenhoek
De 3de 0px = Rechteronderhoek
De 4de 0px = Linkeronderhoek

Ik weet niet precies wat de ronding van je header is, maar stel dat is 30px dan krijg je dus:

Code:
pun. {
border-radius: 30px 30px 0px 0px;
}

Terug naar boven Terug naar beneden

Mystic

Mystic
Actief Forumlid

Man
Berichten : 291
Leeftijd : 24
Registratie : 24-09-12
Oprichter : Ja
Templates : Ja
CSS : Ja

Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Oud Actieforum Medewerker
Deze gebruiker is een oud Actieforum medewerker.
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!

https://ondersteun.actieforum.com



Mystic is bedankt door de starter van dit topic.

Opgeloste Topic Re: Ronde rand

Bericht van Nibsy za 18 jan 2014 - 19:34

Nee de kleur veranderen werkt niet. Ik heb de code in mijn css geplaatst maar ik zie ook hier geen verschil.

Terug naar boven Terug naar beneden

Nibsy

Nibsy
Forumlid

Vrouw
Berichten : 81
Leeftijd : 25
Registratie : 18-09-13
Oprichter : Ja
Templates : Ja
CSS : Ja

200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!




Nibsy is bedankt door de starter van dit topic.

Opgeloste Topic Re: Ronde rand

Bericht van 10spetter10 za 18 jan 2014 - 20:48

probeer eens met 'bodylinewidth' in je css.

Code:
.bodylinewidth {
  border-radius: 30px 30px 0px 0px;
  overflow: hidden;
}

Terug naar boven Terug naar beneden

10spetter10

10spetter10
Superactief Forumlid

Man
Berichten : 1222
Leeftijd : 26
Registratie : 08-07-12
Oprichter : Ja
Templates : Ja
CSS : Ja

Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
1000 berichten of meer gepost
Je hebt 1000 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Oud Actieforum Medewerker
Deze gebruiker is een oud Actieforum medewerker.
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!




10spetter10 is bedankt door de starter van dit topic.

Opgeloste Topic Re: Ronde rand

Bericht van Nibsy za 18 jan 2014 - 23:53

Vreemd, deze doet het ook niet...

Terug naar boven Terug naar beneden

Nibsy

Nibsy
Forumlid

Vrouw
Berichten : 81
Leeftijd : 25
Registratie : 18-09-13
Oprichter : Ja
Templates : Ja
CSS : Ja

200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!




Nibsy is bedankt door de starter van dit topic.

Opgeloste Topic Re: Ronde rand

Bericht van 10spetter10 zo 19 jan 2014 - 0:00

Zou je dan eens een linkje naar je forum willen posten?

Terug naar boven Terug naar beneden

10spetter10

10spetter10
Superactief Forumlid

Man
Berichten : 1222
Leeftijd : 26
Registratie : 08-07-12
Oprichter : Ja
Templates : Ja
CSS : Ja

Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
1000 berichten of meer gepost
Je hebt 1000 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Oud Actieforum Medewerker
Deze gebruiker is een oud Actieforum medewerker.
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!




10spetter10 is bedankt door de starter van dit topic.

Opgeloste Topic Re: Ronde rand

Bericht van Nibsy zo 19 jan 2014 - 9:18

Oke hier is de link: http://furia.actieforum.com/

Edit; is er iets veranderd want ik kan niets meer ingeven in mijn css, er verschijnt zelfs zo geen streepje om te typen?

Terug naar boven Terug naar beneden

Nibsy

Nibsy
Forumlid

Vrouw
Berichten : 81
Leeftijd : 25
Registratie : 18-09-13
Oprichter : Ja
Templates : Ja
CSS : Ja

200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!




Nibsy is bedankt door de starter van dit topic.

Opgeloste Topic Re: Ronde rand

Bericht van 10spetter10 zo 19 jan 2014 - 11:33

Deze lijkt het toch wel te doen bij mij hoor. Het enigste verschil is nu dat ik de radius heb kunnen aanpassen zodat hij nieks meer zou mogen tonen.

Code:
.bodylinewidth {
  border-radius: 50px 50px 0px 0px;
  overflow: hidden;
}

Voor de css aan te passen is het inderdaad wel moeilijk geworden om dit te doen met google chrome. Je kan proberen of het lukt als je zo een 5-7cm boven je 'doel' klikt. Bij mij lukt dit dan, en als je in de buurt zit, kan je je verder helpen met de pijltjes toetsen. Smile

Terug naar boven Terug naar beneden

10spetter10

10spetter10
Superactief Forumlid

Man
Berichten : 1222
Leeftijd : 26
Registratie : 08-07-12
Oprichter : Ja
Templates : Ja
CSS : Ja

Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
1000 berichten of meer gepost
Je hebt 1000 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Oud Actieforum Medewerker
Deze gebruiker is een oud Actieforum medewerker.
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!




10spetter10 is bedankt door de starter van dit topic.

Opgeloste Topic Re: Ronde rand

Bericht van Nibsy zo 19 jan 2014 - 11:42

Dit is de code die in mijn css staat, ik heb de bodylinewidth helemaal vanboven gezet en ook al vanonder geprobeerd. Ik zie nog steeds niets, ligt dit misschien aan een andere code in mijn css?

Code:
.bodylinewidth {
  border-radius: 42px 42px 0px 0px;
  overflow: hidden;
}
#i_logo{
width: 102%;
}
/*--------------------Navigation Bar--------------------*/

a.mainmenu {
position:relative;
top: -15px;
left: 8px;
right: 8px;
bottom: -20px;
}

#i_logo {
position:relative;
margin-top: -10px;
margin-left: -10px;
margin-right: -10px;
margin-bottom: -80px;
}

a.mainmenu img {
-khtml-opacity : 1;
-moz-opacity : 1;
filter : alpha(opacity=100);
opacity : 1;
}

a.mainmenu:hover img {
-khtml-opacity : 1;
-moz-opacity : 1;
filter : alpha(opacity=100);
opacity : 1;
}

#i_icon_mini_index {
position:relative;
left: -170px;
bottom: 39px;
}

#i_icon_mini_login {
position:relative;
left: -140px;
bottom: 150px;
bottom: 39px;
}


#i_icon_mini_logout {
position:relative;
left: -130px;
bottom: 39px;
}
#i_icon_mini_members {
position:relative;
left: -160px;
bottom: 41px;
}
#i_icon_mini_profile {
position:relative;
left: -150px;
bottom: 37px;

}
#i_icon_mini_message {
position:relative;
left: -140px;
bottom: 39px;
}

#i_icon_mini_new_message {
position:relative;
left: -140px;
bottom: 39px;
}

#i_icon_mini_register {
position:relative;
left: -150px;
bottom: 39px;
}

#i_icon_mini_portal {
position:relative;
left: -69px;
bottom: 10px;
}
#page-body{
margin: 0 20px
}
.bodyline {
background-color: transparent;
background-image: url("http://i40.tinypic.com/2vmfxgi.png");
}
.infotekst {
  line-height:10px;
  padding-bottom:6px;
  padding-top: 3px;
  align:justify;
  font-family: arial;
  font-size: 10px}
.gen, .genmed, .gensmall { font-color: #E3E3E3;}

td.catRight, td.row3Right, th.thRight {
    border-width: 0 0px 0 0;
}

.forumline {
  -moz-border-radius: 15px 15px 0px 0px;
border-radius: 15px 15px 0px 0px;
  border-right: 3px solid #d5e6b9;
  border-left: 3px solid #d5e6b9;
}

.nameprofiel {
  font-family: georgia;
  text-transform: uppercase;
  font-size: 14px;}
@font-face {
    font-family: "Great Vibes";
    font-style: normal;
    font-weight: 400;
    src: local("Great Vibes"), local("GreatVibes-Regular"), url("http://themes.googleusercontent.com/static/fonts/greatvibes/v1/6q1c0ofG6NKsEhAc2eh-3YbN6UDyHWBl620a-IRfuBk.woff") format("woff");
}
.secondarytitle h2{
  font-family: 'Great vibes';
  font-size: 42px;
  letter-spacing: 0px;
  font-weight: 400;
  }
a.forumlink {
  font-family: Arial;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
font-weight: 300;
padding: 5px 7px;}
/*
 * jQuery Nivo Slider v2.7.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 *
 * March 2010
 */
 
 
/* The Nivo Slider styles */
.nivoSlider {
  position:relative;
}
.nivoSlider img {
  position:absolute;
  top:0px;
  left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  border:0;
  padding:0;
  margin:0;
  z-index:6;
  display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
  display:block;
  position:absolute;
  z-index:5;
  height:100%;
}
.nivo-box {
  display:block;
  position:absolute;
  z-index:5;
}
/* Caption styles */
.nivo-caption {
  position:absolute;
  left:0px;
  bottom:0px;
  background:#000;
  color:#fff;
  opacity:0.8; /* Overridden by captionOpacity setting */
  width:100%;
  z-index:8;
}
.nivo-caption p {
  padding:5px;
  margin:0;
}
.nivo-caption a {
  display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
  position:absolute;
  top:45%;
  z-index:9;
  cursor:pointer;
}
.nivo-prevNav {
  left:0px;
}
.nivo-nextNav {
  right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
  position:relative;
  z-index:9;
  cursor:pointer;
}
.nivo-controlNav a.active {
  font-weight:bold;
}
/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider.
Version: 1.0
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
*/

.theme-default .nivoSlider {
  position:relative;
  background:#fff url(http://i46.servimg.com/u/f46/15/66/68/20/loadin10.gif) no-repeat 50% 50%;
    margin-bottom:50px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
  position:absolute;
  top:0px;
  left:0px;
  display:none;
}
.theme-default .nivoSlider a {
  border:0;
  display:block;
}

.theme-default .nivo-controlNav {
  position:absolute;
  left:50%;
  bottom:-42px;
    margin-left:-40px; /* Tweak this to center bullets */
}
.theme-default .nivo-controlNav a {
  display:block;
  width:22px;
  height:22px;
  background:url(http://i46.servimg.com/u/f46/15/66/68/20/bullet10.png) no-repeat;
  text-indent:-9999px;
  border:0;
  margin-right:3px;
  float:left;
}
.theme-default .nivo-controlNav a.active {
  background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
  display:block;
  width:30px;
  height:30px;
  background:url(http://i46.servimg.com/u/f46/15/66/68/20/arrows10.png) no-repeat;
  text-indent:-9999px;
  border:0;
}
.theme-default a.nivo-nextNav {
  background-position:-30px 0;
  right:15px;
}
.theme-default a.nivo-prevNav {
  left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}
/* -----END nivoslider ----- */

Terug naar boven Terug naar beneden

Nibsy

Nibsy
Forumlid

Vrouw
Berichten : 81
Leeftijd : 25
Registratie : 18-09-13
Oprichter : Ja
Templates : Ja
CSS : Ja

200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!




Nibsy is bedankt door de starter van dit topic.

Opgeloste Topic Re: Ronde rand

Bericht van 10spetter10 zo 19 jan 2014 - 11:51

Als ik jouw forum nu open lijken de randen toch al afgerond? Ik zou enkel nog de radius een beetje hoger zetten. Met 55px heb je zeker genoeg. Smile

Ronde rand UANKSgz

Let niet op de kleurtjes, ik heb deze snel even aangepast met google zodat het duidelijker is. Wink

Terug naar boven Terug naar beneden

10spetter10

10spetter10
Superactief Forumlid

Man
Berichten : 1222
Leeftijd : 26
Registratie : 08-07-12
Oprichter : Ja
Templates : Ja
CSS : Ja

Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
1000 berichten of meer gepost
Je hebt 1000 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Oud Actieforum Medewerker
Deze gebruiker is een oud Actieforum medewerker.
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!




10spetter10 is bedankt door de starter van dit topic.

Opgeloste Topic Re: Ronde rand

Bericht van Nibsy zo 19 jan 2014 - 11:56

10spetter10 schreef:Als ik jouw forum nu open lijken de randen toch al afgerond? Ik zou enkel nog de radius een beetje hoger zetten. Met 55px heb je zeker genoeg. Smile

Ronde rand UANKSgz

Let niet op de kleurtjes, ik heb deze snel even aangepast met google zodat het duidelijker is. Wink

Echt? O.o ik zie nog steeds hetzelfde, ik heb het nu op 55px gezet maar ik kan het nu wel niet zien, welke browser gebruik je?

Edit; het is inderdaad weg c: Ik zat op Firefox omdat ik met Crome niet kon werken in mijn css maar nu ik terug ga naar Crome doet ie het wel, erg bedankt!

Terug naar boven Terug naar beneden

Nibsy

Nibsy
Forumlid

Vrouw
Berichten : 81
Leeftijd : 25
Registratie : 18-09-13
Oprichter : Ja
Templates : Ja
CSS : Ja

200 berichten of meer gepost
Je hebt 200 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!




Nibsy is bedankt door de starter van dit topic.

Opgeloste Topic Re: Ronde rand

Bericht van 10spetter10 zo 19 jan 2014 - 12:04

Ik gebruik chrome, maar nu heb ik eens gekeken op ie en inderdaad daar zie je geen verschil, dus zal ik maar even iets anders zoeken. Wink

Terug naar boven Terug naar beneden

10spetter10

10spetter10
Superactief Forumlid

Man
Berichten : 1222
Leeftijd : 26
Registratie : 08-07-12
Oprichter : Ja
Templates : Ja
CSS : Ja

Lid sinds +10 jaar
U bent al meer dan 10 jaar lid
1000 berichten of meer gepost
Je hebt 1000 berichten of meer gepost
Feestdagen 2022
Fijne Feestdagen namens team Actieforum!
Oud Actieforum Medewerker
Deze gebruiker is een oud Actieforum medewerker.
Feestdagen 2023
Fijne Feestdagen namens team Actieforum!




10spetter10 is bedankt door de starter van dit topic.

Vorige onderwerp Volgende onderwerp Terug naar boven

- Soortgelijke onderwerpen

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