Ronde rand

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:

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.

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:

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 ?

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;
}

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

probeer eens met 'bodylinewidth' in je css.

Code:

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

Vreemd, deze doet het ook niet...

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

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?

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.

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 ----- */

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.



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

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.



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

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!

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.