css de ilk kelime farklı renk sonrakiler farklı renk

11-04-2013, 17:54:47

#1

mehmetkaya

Arkadaşlar ilk kelime farklı renk sonrakiler farklı renk ama ben ilk iki kelime aynı renk sonrakiler aynı olsun istiyorum nasıl yapabilirim.
11-04-2013, 21:45:24

#2

mehmetkaya

bilen varmı?
12-04-2013, 08:36:10

#3

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

bilen varmı?

Tam olarak nerde oldugunu belirtsen yardımcı olurum tahminimce söyle bi kod kullanılmıştır.
```
İlk kelime
Sonraki kelimeler
```
yani bu şekilde bişey o bölümün kodları buraya yazarsan gerekli düzenlemeleri yapabiliriz
12-04-2013, 21:01:50

#4

mehmetkaya
foreverseo adlı üyeden alıntı: mesajı görüntüle
Tam olarak nerde oldugunu belirtsen yardımcı olurum tahminimce söyle bi kod kullanılmıştır.

İlk kelime Sonraki kelimeler
yani bu şekilde bişey o bölümün kodları buraya yazarsan gerekli düzenlemeleri yapabiliriz
Merhaba,
Hocam http://www.murathair.com bu sitede Murat Çelik hair... yazan yer.
12-04-2013, 23:30:08

#5

eSKiSiBeN
Bunu otomatik istiyorsanız javascript kullanmanız gerekli, piyasada genelde ilk kelimeyi seçen selector yazılımlar var ama uğraşırsanız belki ikincisini bulabilirsiniz.

Manuel yapmak istiyorsanız foreverseo arkadaşın da dediği gibi farklı span ile css vermeniz gerekiyor. Bunu da şu şekilde yaparsınız örnek vereyim. Diyelim ki ilk 2 kelimenin mavi diğerlerinin kırmızı olmasını istiyorsunuz.
```
<div class="yazilar">
Bu cümlenin ilk iki kelimesi mavidir.
</div>
```
Bu html kodunuz
```
.yazilar {color:red}
span.ilkikiyazi{color:blue}
```
Bu da css kodunuz
13-04-2013, 08:11:43

#6

foreverseo

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

Merhaba,
Hocam http://www.murathair.com bu sitede Murat Çelik hair... yazan yer.

Hocam header.php dosyanızda ufak bi düzenleme yapılması lazım header.php dosyanızın kodlarını ya buraya yada pm olarak bana ulaştırırsanız gerekli düzenlemeleri yapar teslim ederim

13-04-2013, 21:02:52

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

Hocam header.php dosyanızda ufak bi düzenleme yapılması lazım header.php dosyanızın kodlarını ya buraya yada pm olarak bana ulaştırırsanız gerekli düzenlemeleri yapar teslim ederim

<?php
/**
 * The Header for Hairpress Theme
 */
?><!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" <?php language_attributes(); ?>> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" <?php language_attributes(); ?>> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" <?php language_attributes(); ?>> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" <?php language_attributes(); ?>> <!--<![endif]-->
	<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title><?php wp_title( '|', true, 'right' ); ?></title>
	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
	
	<!--  ================  --> 
	<!--  = Google Fonts =  -->
	<!--  ================  -->
	
	<!--  = Body fonts =  -->
	<link href='https://fonts.googleapis.com/css?family=Bree+Serif' rel='stylesheet' type='text/css'>
	<!--  = Logo Font =  -->
	<link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
	
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-40073771-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

	
	<!--  ===================================================  -->
	<!--  = HTML5 shim, for IE6-8 support of HTML5 elements =  -->
	<!--  ===================================================  -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
	
	<!-- Fav icon -->
    <link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/assets/favicon.ico">
    
	<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>
	<header>
    	<div class="navbar navbar-inverse navbar-fixed-top">
    	  <div class="navbar-inner">
    	    <div class="container">
    	      <!--  =========================================  -->
			  <!--  = Used for showing navigation on mobile =  -->
			  <!--  =========================================  -->
    	      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
    	        <span class="icon-bar"></span>
    	        <span class="icon-bar"></span>
    	        <span class="icon-bar"></span>
    	      </a>
    	      
    	      <!--  ==============================  -->
			  <!--  = Place for logo and tagline =  -->
			  <!--  ==============================  -->
    	      <a class="brand" href="<?php echo home_url(); ?>">
    	      	<?php
				  $logo = get_theme_mod( 'logo_img' );;
				  if ( empty( $logo ) ) :
				?>
    	      	<img src="<?php echo get_template_directory_uri() . "/assets/images/scissors.png"; ?>" alt="HairPress Logo" width="48" height="53" class="logo" />
    	      	<h1>
    	      		<?php echo colored_title( get_bloginfo( 'title' ) ); ?>
    	      	</h1>
    	      	<span class="tagline"><?php echo get_bloginfo( 'description' ); ?></span>
    	      	<?php else: ?>
    	      	<img src="<?php echo $logo; ?>" alt="<?php echo esc_attr( get_bloginfo( 'title' ) ); ?>" />
    	      	<?php endif; ?>
	      	  </a>
	      	  
	      	  <!--  =============================================  -->
		      <!--  = Main top navigation with drop-drown menus =  -->
			  <!--  =============================================  -->
    	      <div class="nav-collapse collapse">
    	      	<?php
    	      	if ( has_nav_menu( 'main-menu' ) ) {
			      	$args = array(
						'theme_location'  => 'main-menu',
						'container'       => false,
						'menu_class'      => 'nav',
						'echo'            => true,
						'depth'           => 2,
					);
    	      		wp_nav_menu( $args );
                }
    	      	?>
    	      	<?php
    	      		$btn_page_id = ot_get_option( 'appointment_button', null );
					if ( null != $btn_page_id ) :
						$btn_page = get_page( $btn_page_id ); ?>
    	        	<a href="<?php echo get_page_link( $btn_page->ID ); ?>" class="btn btn-theme btn-large pull-right"><?php echo $btn_page->post_title; ?></a>
    	        	<?php endif; ?>
	          </div><!-- /.nav-collapse-->
	        </div>
	      </div>
	    </div>
    </header>

14-04-2013, 14:26:44

foreverseo

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

<?php
/**
 * The Header for Hairpress Theme
 */
?><!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" <?php language_attributes(); ?>> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" <?php language_attributes(); ?>> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" <?php language_attributes(); ?>> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" <?php language_attributes(); ?>> <!--<![endif]-->
	<head>
	<meta charset="<?php bloginfo( 'charset' ); ?>" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title><?php wp_title( '|', true, 'right' ); ?></title>
	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
	
	<!--  ================  --> 
	<!--  = Google Fonts =  -->
	<!--  ================  -->
	
	<!--  = Body fonts =  -->
	<link href='https://fonts.googleapis.com/css?family=Bree+Serif' rel='stylesheet' type='text/css'>
	<!--  = Logo Font =  -->
	<link href='https://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
	
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-40073771-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

	
	<!--  ===================================================  -->
	<!--  = HTML5 shim, for IE6-8 support of HTML5 elements =  -->
	<!--  ===================================================  -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
	
	<!-- Fav icon -->
    <link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/assets/favicon.ico">
    
	<?php wp_head(); ?>
</head>

<body <?php body_class(); ?>>
	<header>
    	<div class="navbar navbar-inverse navbar-fixed-top">
    	  <div class="navbar-inner">
    	    <div class="container">
    	      <!--  =========================================  -->
			  <!--  = Used for showing navigation on mobile =  -->
			  <!--  =========================================  -->
    	      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
    	        <span class="icon-bar"></span>
    	        <span class="icon-bar"></span>
    	        <span class="icon-bar"></span>
    	      </a>
    	      
    	      <!--  ==============================  -->
			  <!--  = Place for logo and tagline =  -->
			  <!--  ==============================  -->
    	      <a class="brand" href="<?php echo home_url(); ?>">
    	      	<?php
				  $logo = get_theme_mod( 'logo_img' );;
				  if ( empty( $logo ) ) :
				?>
    	      	<img src="<?php echo get_template_directory_uri() . "/assets/images/scissors.png"; ?>" alt="HairPress Logo" width="48" height="53" class="logo" />
    	      	<h1>
    	      		<?php echo colored_title( get_bloginfo( 'title' ) ); ?>
    	      	</h1>
    	      	<span class="tagline"><?php echo get_bloginfo( 'description' ); ?></span>
    	      	<?php else: ?>
    	      	<img src="<?php echo $logo; ?>" alt="<?php echo esc_attr( get_bloginfo( 'title' ) ); ?>" />
    	      	<?php endif; ?>
	      	  </a>
	      	  
	      	  <!--  =============================================  -->
		      <!--  = Main top navigation with drop-drown menus =  -->
			  <!--  =============================================  -->
    	      <div class="nav-collapse collapse">
    	      	<?php
    	      	if ( has_nav_menu( 'main-menu' ) ) {
			      	$args = array(
						'theme_location'  => 'main-menu',
						'container'       => false,
						'menu_class'      => 'nav',
						'echo'            => true,
						'depth'           => 2,
					);
    	      		wp_nav_menu( $args );
                }
    	      	?>
    	      	<?php
    	      		$btn_page_id = ot_get_option( 'appointment_button', null );
					if ( null != $btn_page_id ) :
						$btn_page = get_page( $btn_page_id ); ?>
    	        	<a href="<?php echo get_page_link( $btn_page->ID ); ?>" class="btn btn-theme btn-large pull-right"><?php echo $btn_page->post_title; ?></a>
    	        	<?php endif; ?>
	          </div><!-- /.nav-collapse-->
	        </div>
	      </div>
	    </div>
    </header>

hocam main.css dosyanızın 445. satırındaki

color:white;

komutunun bulup

color: #ac6ed4;

olarak değiştiriniz. Sorun düzelicektir.