Forum Hintergrund Transparent machen!

Gehe zu Seite:

Geschlossen

So. 25.09.2011 13:00 Uhr #1

DennioWhite Mitglied

Registriert seit
27.06.2011

Beiträge
26

Beitragswertungen

Ich will den Background des Forums Transparent haben also so dass das schwarze nicht da ist und der hintergrund da hinter sichtbar ist.

Aber bitte kein gucke cmite bla oder so, sondern bitte wo und wie.

Vielleicht könnt ihr mir auch mit der zweiten bitte helfen, wie ihr den schwarz weiß gestrichelt hintergrund seht, den will ich ändern und zwar bilder einfügen, wo find ich den?

betroffene Homepage: externer Link
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 25.09.2011 16:21 Uhr #2

Tr3icio gelöschter User

Cmite, Cnorm, Cdark, Chead und border

Tut mir Leid aber genauer gehts nicht!
Einfach background-color anpassen
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 25.09.2011 17:28 Uhr #3

DennioWhite Mitglied

Registriert seit
27.06.2011

Beiträge
26

Beitragswertungen

Naja gibs nen code für transparent?
kann mir vielleicht auch jemand sagen was die wörter da bedeuten?

Zuletzt modifiziert von DennioWhite am 25.09.2011 - 17:31:27
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 25.09.2011 18:25 Uhr #4

Jan Hall Of Fame

Registriert seit
17.01.2007

Beiträge
3.646

Beitragswertungen

Du kannst transparente Bilder verwenden (1x1 Pixel groß).
Die Bilder wiederholen sich dann automatisch.

Die Wörter aus dem Post von Tr3icio sind CSS-Klassennamen.

Das könntest du beispielsweise ganz unten in deiner CSS-Datei anhängen:
?
1
2
3
.Cmite {
background:url(bilder/transparent-1.png);
}

Tr3icio scheint in den letzten Tagen etwas zickig zu sein.

Liebe Grüße
Jan
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 25.09.2011 19:37 Uhr #5

she Mitglied

Registriert seit
13.11.2010

Beiträge
1.115

Beitragswertungen

Zitat geschrieben von jankrug

Tr3icio scheint in den letzten Tagen etwas zickig zu sein.

Verstehen kann man es aber schon, hier werden immer mehr PHP/HTML Anfänger Fragen gestellt. Die man schon in Google einfach nur eintippen kann und schon findet man eine Antwort. Aber die meisten denken halt ich benutze Ilch also liegt es an ilch und nicht an was anders.

Google+ shelfinger.eu
Das Wissen verfolgt mich - doch ich bin schneller!
0 Mitglieder finden den Beitrag gut.
- zitieren

So. 25.09.2011 19:49 Uhr #6

DennioWhite Mitglied

Ne das ist mir schon klar das es an meinen mangelnden html und php kenntnissen liegt.

ich bekomm es net hin traurig

hier mal meine Style.css:

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

208

209

210

211

212

213

214

215

216

217

218

219

220

221

222

223

224

225

226

227

228

229

230

231

232

233

234

235

236

237

238

239

240

241

242

243

244

245

246

247

248

249

250

251

252

253

254

255

256

257

258

259

260

261

262

263

264

265

266

267

268

269

270

271

272

273

274

275

276

277

278

279

280

281

282

283

284

285

286

287

288

289

290

291

292

293

294

295

296

297

298

299

300

301

302

303

304

305

306

307

308

309

310

311

312

313

314

315

316

317

318

319

320

321

322

323

324

325

326

327

328

329

330

331

332

333

334

335

336

337

338

339

340

341

342

343

344

345

346

347

348

349

350

351

352

353

354

355

356

357

358

359

360

361

362

363

364

365

366

367

368

369

370

371

372

373

374

375

376

377

378

379

380

381

382

383

384

385

386

387

388

389

390

391

392

393

394

395

396

397

398

399

400

401

402

403

404

405

406

407

408

409

410

411

412

413

414

415

416

417

418

419

420

421

422

423

424

425

426

427

428

429

430

431

432

433

434

435

436

437

438

439

440

441

442

443

444

445

446

447

448

449

450

451

452

453

454

455

456

457

458

459

460

461

462

463

464

.a
{
    color: #1871d4;
     
}
.menu
{
    display:block;
   
    color: #1871d4;    // Menubuttonschrift
 
    font-size: 14px;
 
    width: 214px;
 
    height: 30px;
 
    text-indent: 50px;
 
    text-decoration: none;
 
    font-family: Verdana, Arial, Helvetica, sans-serif;
 
    line-height: 34px;
 
    background-image: url('images/menu.png');
 
    background-repeat: no-repeat;
}
.menu:hover
{
    display:block;
 
    color: #29b3ff;     // menubutton m.over
 
    font-size: 14px;
 
    width: 214px;
 
    height: 30px;
 
    text-indent: 52px;
 
    text-decoration: none;
 
    font-family: Verdana, Arial, Helvetica, sans-serif;
 
    line-height: 34px;
 
    background-image: url('images/menuover.png');
 
    background-repeat: no-repeat;
} 
 
.title   
 
{
 
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;  //news ueberschrift 
 
}
 
.login_1
 
{ 
 
    color: #1871d4;   // schrift wenn login im header
 
    background:#FFF url('bilder/login_1.gif') ;
 
    width: 103px;
 
    height: 17px;
 
    border-width: 0px;
 
    font-weight: normal;
 
    text-decoration: none;
 
    text-align: center;
 
    padding-top: 3px; font-style:normal; font-variant:normal; font-size:12px; font-family:Tahoma
 
}
 
.login_2
 
{ 
 
    color: #1871d4;
 
    background:#a0a0a0 url('bilder/login_2.gif') ;
 
    width: 103px;
 
    height: 15px;
 
    border-width: 0px;
 
    font-weight: normal;
 
    text-decoration: none;
 
    text-align: center; 
 
    padding-top: 5px; font-style:normal; font-variant:normal; font-size:12px; font-family:Tahoma
 
}
 
.login_s
 
{ 
 
    background:url('bilder/login_s.gif') ;
 
    width:40px;
 
    height:20px;
 
    border-width: 0px;
 
    font-weight: normal;
 
    text-decoration: none
 
}
 
.btitle
 
{
 
    color: #1871d4;    // Boxen ueberschrift
    font-weight: bold;
    font-size:14px;
 
}
 
.bcontent
 
{
 
    margin-left: 10px;
 
}
 
 body   
 
{ 
  background-image: url('images/bg1.gif');          //hintergrund der seite
   
  margin-left:0px;
 
  margin-right:0px;
 
  margin-top:0px;
 
  margin-bottom:0px;
 
}
 
td 
 
{
 
  font-family: Verdana; 
 
  font-size: 12px;
 
  color: #237bdf;    // statistk,news ueberschrift,news inhalt,shoutbox,
 
}
 
a
 
{ 
 
  color: #237bdf;    // hyperlinks, onlinebox
 
  font-family: Verdana; 
 
  font-size: 14px; 
 
  text-decoration: none;
 
}
 
a:hover 
 
{ 
 
  color: #0066CC;   // hyperlinks m.over, onlinebox
 
  text-decoration: none;  
 
}
 
a.box 
 
{ 
 
  color: #237bdf;    //  loginbox im menu
 
  font-family: Verdana; 
 
  font-size: 12px;
 
  text-decoration: none;
 
 }
 
a.box:hover 
 
{  
 
  color: #1871d4;   // loginbox im menu m.over
 
  text-decoration: none;
 
}
 
.Chead
 
{
 
    background-color: #060606;
        color: #cccccc;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        background-image: url('bilder/forenhead.jpg');
        background-repeat: repeat-x
   
}
 
.Chead td, .Chead td strong, .Chead h4, .Chead td b
 
{
 
  color: #237bdf;   // gallery bilderueberschrift
 
}
 
.Callg
 
{
 
    color: #ff0000;
 
}
 
.Callg td
 
{
 
  color: ff0000;
 
}
 
.Cnorm 
 
{
 
    background-color: #060606;  
    color: #1871d4;
 
}
 
.Cmite
{
             
    background-color: #060606;  
    color: #1871d4;
 
}
.mite
{
  background-color: 060606;
  color:#ff00dd;
}
.Cdark
 
{
 
        background-color: #060606;   //foren beitrag-hintergrund, letzter beitrag hintergrund
        color: #cccccc;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        background-image: url('bilder/td_bg.jpg');
        background-repeat: repeat-x
}
 
#Ballg
 
{
 
    color: #FF0000;
 
    background-color: #ff0000;
 
}
 
#Ballg td
 
{
 
    color: #ff0000;
 
    background-color: #ff0000;
 
}
 
.Bhead
 
{
 
    color: #ff0000;
 
}
 
.Bbody
 
{
 
    color: #ff0000;
 
}
 
.smalfont 
 
{ 
 
    color: #1871d4;     // forum autordetails schriftfarbe, downloads vorschauTEXTfarbe
 
    font-size: 13px;
 
    text-decoration: none; 
 
}
 
.smalfont_copyright 
 
{ 
 
    color: #ff0000;
 
    font-size: 13px;
 
    text-decoration: none; 
 
}
.dltext
 
{ 
 
    color: #dddddd;     // download textfärbe
 
    font-size: 12px;
 
    text-decoration: none; 
 
}
.downloads
{
        background-color: #0b0b0b;
        color: #cccccc;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        background-image: url('bilder/td_bg.jpg');
        background-repeat: repeat-x
}
 
.border 
 
{
 
   background-color: #1871d4;   //forum,downloas,gallery usw. hintergrundfarbe 
}
a.border
{
   color: #FFFFFF;
}
.rand
{
  border: 1px solid #1871d4;
 
}
 
hr 
 
{ 
height: 1px;
                border: solid #1871d4 1px;
                border-top-width: 1px;
                width: 100%;
}
 
input, textarea, select
 
{ 
 
    color: #333333;
 
    background-color: #999999;
 
    font: 12px  Verdana;  
 
    border-color: #333333;
 
    border-width: 1px;
 
    border-style: double;  
 
    font-weight: normal;  
 
    text-decoration: none;  
 
}
 
#menu {}
 
#menu ul { padding-left: 10px; margin-left: 10px; }
 
#smallmenu { }
 
#smallmenu li { font-size: 12px; }
 
#smallmenu a { font-size: 12px; }
 
.sbback 
{
    background-color: #575757;
    color:#0b0b0b;
}
.sbback2
{
    background-color: #6b6b6b;
    color:#0b0b0b;  
}
 
.content  
 
{
 
    font-size: 14px;
    font-weight: bold;
    color: #1871d4;  //news ueberschrift
     
}
.lastbox {
    font-family: Arial, Helvetica, sans-serif;
    color: #a0a0a0;
    padding-top: 1px;
    text-decoration: none;
    font-size: 12px;
    line-height: 9px;

Bitte Code in den vorgesehenen Tag [code] setzen. Siehe

über dem Eingabefeld. Link BBCode Hilfe.
Gruß Lord|S.

Zuletzt modifiziert von Lord|Schirmer am 25.09.2011 - 19:54:05

0 Mitglieder finden den Beitrag gut.

zitieren

So. 25.09.2011 19:53 Uhr #7

Tr3icio gelöschter User

Zitat geschrieben von she

Zitat geschrieben von jankrug

Tr3icio scheint in den letzten Tagen etwas zickig zu sein.

Verstehen kann man es aber schon, hier werden immer mehr PHP/HTML Anfänger Fragen gestellt. Die man schon in Google einfach nur eintippen kann und schon findet man eine Antwort. Aber die meisten denken halt ich benutze Ilch also liegt es an ilch und nicht an was anders.

Keine Sorge.
Muss nur noch etwas entscheiden, danach kommt kein ( dummer ) Post mehr von mir. ( Ihr dürftet wissen was ich meine :-) )

Und falls unser Koerner das ließt: Da hast du ja nen Grund dich zu freuen.

Zuletzt modifiziert von Tr3icio am 25.09.2011 - 19:54:24
0 Mitglieder finden den Beitrag gut.
- zitieren
So. 25.09.2011 22:40 Uhr #8

oink Mitglied

Registriert seit
23.09.2010

Beiträge
740

Beitragswertungen

also sich beschneiden zu lassen ist kein ding das man auf die leichte schulter nehmen sollte tr3icio, das kann man nich 14 tage später einfach so wieder rückgängig machen.

also bitte handle nicht zu voreilig

before creation there must be destruction
1 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 26.09.2011 07:43 Uhr #9

DennioWhite Mitglied

Registriert seit
27.06.2011

Beiträge
26

Beitragswertungen

Ehm ich weiß nicht welche Differenzen ihr zwischen einander habt aber könnten wir beim Thema bleiben und mir vielleicht weiter helfen.

Ich weiß auch nicht wie ich die Servadresse zum png setzen muss, bei den anderen gibt es angeblich einen Ordner der Bilder heißt was nicht der wahrheit entspricht, solch ein Ordner exestiert nicht. Eine fremdurl hab ich auch schon gesetzt funzt aber auch nicht.

Zuletzt modifiziert von DennioWhite am 26.09.2011 - 07:44:08
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 26.09.2011 11:16 Uhr #10

she Mitglied

Registriert seit
13.11.2010

Beiträge
1.115

Beitragswertungen

Wer lesen kann ist klar im Vorteil

Zitat geschrieben von jankrug

?
1
2
3
.Cmite {
background:url(bilder/transparent-1.png);
}

Google+ shelfinger.eu
Das Wissen verfolgt mich - doch ich bin schneller!
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 26.09.2011 13:24 Uhr #11

DennioWhite Mitglied

Registriert seit
27.06.2011

Beiträge
26

Beitragswertungen

Wow jetzt bin ich schlauer, lol was soll dass? Den Vorwurf kann ich gleich zurück werfen, ich habe danach geschildert das dies nicht funktioniert und ich probleme habe den Ordnerpfad einzufügen.

Es gibt keinen bilder/ Ordner auf meinen Server, das ist das was mich stutzig macht und das andere ist wie soll ich dann den Pfad genau eingeben?
Nimm ich ne URL funktionierts nicht, nehm ich den Server pfad funktionierts auch nicht.

Also ich lad die png in den Ordner wo sich der Style.css befindet...heißt dann der pfad und befehl= background:url(transparent-1.png) ;

oder doch

background:url(servername//www.xxx.de/include/Design/......./transparent-1.png
!was aber bei mir auch nicht funktioniert

oder beginnt der Pfad im include ordner?

ich weiß es nicht aber ihr....

soll ich auch zusätzlich den befehl "background-repeat: repeat-x" mit eingeben?

Zuletzt modifiziert von DennioWhite am 26.09.2011 - 13:35:58
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 26.09.2011 14:41 Uhr #12

lostboy2003 Mitglied

Registriert seit
09.09.2009

Beiträge
283

Beitragswertungen

Dann sag mal warum in deiner css datei bilder verlinkt werden über background-image: url('bilder/forenhead.jpg');
also sollte der ordner eigentlich vorhanden sein .

ansonsten solltest du 2 bilder ordner haben und zwar image und zwar einmal hier

externer Link

und

externer Link

mal geschaut ob eventuell in einem der beiden image ordner noch ein ordner namens bilder vorhanden ist .

lostboy2003.bplaced.net/
externer Link
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 26.09.2011 15:42 Uhr #13

DennioWhite Mitglied

Registriert seit
27.06.2011

Beiträge
26

Beitragswertungen

hab ich auch schon, ich kann nachher nochmal gucken aber hab schon aufwendig gesucht, eig. gibt es kein ordner der deutsch ist.

Aber wenn ich jetzt ne verlinkung zu einer datei die zB hier drin ist www.clan-aov.de/include/images schreiben will, wie soll der link dann aussehen?

doch nicht background-image: url('www.clan-aov.de/include/images/forenhead.jpg');
??????????
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 26.09.2011 15:48 Uhr #14

Tr3icio gelöschter User

Zitat geschrieben von DennioWhite

Ehm ich weiß nicht welche Differenzen ihr zwischen einander habt aber könnten wir beim Thema bleiben und mir vielleicht weiter helfen.

Oink ist Forentroll. Der hat keine andere Aufgabe hier :-)
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 26.09.2011 15:49 Uhr #15

oink Mitglied

Registriert seit
23.09.2010

Beiträge
740

Beitragswertungen

also, für euch css dumpfbacken einmal zum mitschreiben

css bildpfadangaben werden relativ zum eigentlichen css pfad gemacht!

das heißt in der praxis folgendes:

www.url.de/include/designs/designname/css/style.css <- ort der css datei
www.url.de/include/designs/designname/bilder/bild.png <- ort des bildes

hier muss eure angabe des background images so aussehen

background-image:url(../bilder/bild.png)

"../" <- einen ordner hoch, quasi, raus aus css, "bilder/" <- rein in ordner bilder, "bild.png" <- dateiname

ihr könnt auch eine absolute URL angeben, vergesst hierbei aber nicht das http, denn das ist nur eine bequemlichkeit die euch ein browser in der adresszeile abnimmt

background-image:url(externer Link

kapiesche?

before creation there must be destruction
1 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 26.09.2011 16:05 Uhr #16

DennioWhite Mitglied

Registriert seit
27.06.2011

Beiträge
26

Beitragswertungen

Danke das wollt ich wissen
Ich habs auch versucht zu google aber bin so net fündig geworden.

bei den besagte 1 px png soll ich da nen background-repeat: repeat-x drunter setzen?

wenn man mir die frage noch beantwortet bin ich glücklich
0 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 26.09.2011 16:11 Uhr #17

Lord|Schirmer Administrator

Registriert seit
21.03.2007

Beiträge
7.680

Beitragswertungen

repeat-x ist halt für die horizontale Wiederholung!

de.selfhtml.org/css/eigenschaften/anzeige/background_repeat.htm

rules :: doku :: faq :: linkus
2 Mitglieder finden den Beitrag gut.
- zitieren
Mo. 26.09.2011 16:32 Uhr #18

DennioWhite Mitglied

Registriert seit
27.06.2011

Beiträge
26

Beitragswertungen

Also demnach nur der eine Befehl und fertig

DANKE!
0 Mitglieder finden den Beitrag gut.
- zitieren

Beitrag zur Merkliste hinzufügen

ilch Forum » Ilch Clan 1.1 » Design und Templates » Forum Hintergrund Transparent machen!