Yazı Yerıne Logo Eklemek

02-04-2020, 02:58:29

Üyeliği durduruldu

Arkadaşlar Yazı Yerıne Logo Nasıl Eklıyebılırım

Logo Boyutunu Nasıl Öğreneblrm

<!doctype html>
<html lang="en">
<!-- SanchezGrafik Ekibi -->
<head>
<title>SanchezGrafik</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">


<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
<link rel="stylesheet" href="fonts/icomoon/style.css">

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/jquery-ui.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">

<link rel="stylesheet" href="css/jquery.fancybox.min.css">

<link rel="stylesheet" href="css/bootstrap-datepicker.css">

<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">

<link rel="stylesheet" href="css/aos.css">

<link rel="stylesheet" href="css/style.css">

</head>
<body data-spy="scroll" data-target=".site-navbar-target" data-offset="300">


<div id="overlayer"></div>
<div class="loader">
<div class="spinner-border text-primary" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>


<div class="site-wrap">

<div class="site-mobile-menu site-navbar-target">
<div class="site-mobile-menu-header">
<div class="site-mobile-menu-close mt-3">
<span class="icon-close2 js-menu-toggle"></span>
</div>
</div>
<div class="site-mobile-menu-body"></div>
</div>


<header class="site-navbar py-4 js-sticky-header site-navbar-target" role="banner">

<div class="container">
<div class="row align-items-center">

<div class="col-6 col-xl-2">
<h1 class="mb-0 site-logo"><a href="index.html" class="h2 mb-0">SanchezGrafik<span class="text-primary">.</span> </a></h1>
          </div>

02-04-2020, 03:05:05

#2

Lederheld

<!doctype html>
<html lang="en">
<!-- SanchezGrafik Ekibi -->
<head>
<title>SanchezGrafik</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">


<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
<link rel="stylesheet" href="fonts/icomoon/style.css">

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/jquery-ui.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">

<link rel="stylesheet" href="css/jquery.fancybox.min.css">

<link rel="stylesheet" href="css/bootstrap-datepicker.css">

<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">

<link rel="stylesheet" href="css/aos.css">

<link rel="stylesheet" href="css/style.css">

</head>
<body data-spy="scroll" data-target=".site-navbar-target" data-offset="300">


<div id="overlayer"></div>
<div class="loader">
<div class="spinner-border text-primary" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>


<div class="site-wrap">

<div class="site-mobile-menu site-navbar-target">
<div class="site-mobile-menu-header">
<div class="site-mobile-menu-close mt-3">
<span class="icon-close2 js-menu-toggle"></span>
</div>
</div>
<div class="site-mobile-menu-body"></div>
</div>


<header class="site-navbar py-4 js-sticky-header site-navbar-target" role="banner">

<div class="container">
<div class="row align-items-center">

<div class="col-6 col-xl-2">
<h1 class="mb-0 site-logo"><a href="index.html" class="h2 mb-0"><img src="ornek.jpg" alt="Örnek Resim"/><span class="text-primary">.</span> </a></h1>
          </div>

02-04-2020, 03:06:17

#3

tuzlatuning

https://www.w3schools.com/tags/tag_img.asp bu etiket kullanımı işine yarayacaktır. Yazı olan yere "img" etiketini ekleyip resmin yolunu göstermeniz yeterli. Etiketle ilgili kullanımlar sayfanın alt kısımlarında da yazıyor.

02-04-2020, 03:06:45

#4

Lederheld

Ya da url verebilirsin dosya konumu vermek yerine

<h1 class="mb-0 site-logo"><a href="index.html" class="h2 mb-0"><img src="https://wwww.resim.com/resim.jpg" alt="Örnek Resim"/><span class="text-primary">.</span> </a></h1>

Yükseklik genişliği de height="60" width="60" kısmından ayarlayabilirsin

<h1 class="mb-0 site-logo"><a href="index.html" class="h2 mb-0"><img src="https://wwww.resim.com/resim.jpg" alt="Örnek Resim" height="60" width="60" /><span class="text-primary">.</span> </a></h1>

02-04-2020, 03:07:46

#5

~~SanchezGraphics~~

Üyeliği durduruldu

boy ölçülerini vereblrmsnz

02-04-2020, 03:07:56

#6

SedBey

<!doctype html>
<html lang="en">
<!-- SanchezGrafik Ekibi -->
<head>
<title>SanchezGrafik</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
*
*
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
<link rel="stylesheet" href="fonts/icomoon/style.css">
*
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/jquery-ui.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
*
<link rel="stylesheet" href="css/jquery.fancybox.min.css">
*
<link rel="stylesheet" href="css/bootstrap-datepicker.css">
*
<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">
*
<link rel="stylesheet" href="css/aos.css">
*
<link rel="stylesheet" href="css/style.css">
*
</head>
<body data-spy="scroll" data-target=".site-navbar-target" data-offset="300">
*
*
<div id="overlayer"></div>
<div class="loader">
<div class="spinner-border text-primary" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
*
*
<div class="site-wrap">
*
<div class="site-mobile-menu site-navbar-target">
<div class="site-mobile-menu-header">
<div class="site-mobile-menu-close mt-3">
<span class="icon-close2 js-menu-toggle"></span>
</div>
</div>
<div class="site-mobile-menu-body"></div>
</div>
*
*
<header class="site-navbar py-4 js-sticky-header site-navbar-target" role="banner">
*
<div class="container">
<div class="row align-items-center">
*
<div class="col-6 col-xl-2">
<h1 class="mb-0 site-logo"><img src="/resimyolu.jpg" alt="Açıklama"></h1>
**********</div>

Bu Alanı Editleyin Hocam Deneyin
<h1 class="mb-0 site-logo"><img src="/resimyolu.jpg" alt="Açıklama"></h1>

02-04-2020, 04:19:29

#7

logomerkezi

SanchezGraphics adlı üyeden alıntı: mesajı görüntüle

boy ölçülerini vereblrmsnz

width="100%" height="100%" yaparsan alana otomatik sığdırır.

ayrıca <img src="logo.png" width height den sonra birde title=" Logo Merkezi" eklersen logo üzerine mause geldiği zaman title ye yazdığın yazı çıkar

örn; <img src="logo.png" width="100%" height="100%" title="Logo Merkezi">